/*********************************************************************
 * Cascading-Style-Sheets file for Admidio
 *
 * @copyright 2004-2022 The Admidio Team
 * @see https://www.admidio.org/
 * @license https://www.gnu.org/licenses/gpl-2.0.html GNU General Public License v2.0 only
 *
 * 
 *********************************************************************
 *
 *    Farb-Anpassungen für die Eisenbahnfreunde Pforzheim
 * 
 *********************************************************************
 * 
 * Basiswerte (anhand vom EFP-Logo)
 * rot             #e57744         HSL  19°, 76%, 58%
 * gelb            #f4bc0f         HSL  45°, 91%, 51%
 * dunkelbraun     #534c3d         HSL  41°, 15%, 28%
 * 
 *********************************************************************
 * 
 * grau
 *   #ffffff = hsl(0,0%,100%)  --> hsl(41,15%,99%)
 *   #eeeeee = hsl(0,0%,93%)  --> hsl(41,15%,93%)
 *   #dddddd = hsl(0,0%,87%)  --> hsl(41,15%,87%)
 *   #cccccc = hsl(0,0%,80%)  --> hsl(41,15%,80%)
 *   rgba(222, 222, 222, 0.65)  --> #dad6cd
 *   #666666 = hsl(0, 0%, 40%) --> hsl(41,15%,40%)
 *   #000000 = hsl(0,0%,0%)  --> hsl(0,0%,0%)
 * 
 * blau
 *   #0056b3 = hsl(211,100%,35%)  --> hsl(41,80%,48%)
 *   #0c5460 = hsl(189, 78%, 21%) --> hsl(41,78%, 21%)
 *   #25717d = hsl(188,54%,32%)  --> hsl(41,54%,32%)
 *   #263340 = hsl(210,25%,20%) --> hsl(41,25%,20%)
 *   #349aaa = hsl(188,53%,44%) --> hsl(41,53%,44%)
 *   #324b64 = hsl(210,33%,29%) --> hsl(41,33%,29%)
 *   #4496dd = hsl(208,69%,57%) --> hsl(41,69%,57%)
 *   #4e555b = hsl(208, 8%, 33%) --> hsl(41,8%,33%)
 *   #495057 = hsl(210, 9%, 31%) --> hsl(41, 9%, 31%)
 *   #545b62 = hsl(210, 8%, 36%) --> hsl(41,8%,36%)
 *   #6b979f = hsl(189, 21%, 52%) --> hsl(41,21%,52%)
 *   #abd7e0 = hsl(190, 46%, 77%) --> hsl(41,46%, 77%)
 *   #bee5eb = hsl(188, 53%, 83%) --> hsl(41,53%, 83%)
 *   #d6ebee = hsl(188,41%,89%) --> hsl(41,41%,89%)
 *   #dee2e6 = hsl(210, 14%, 89%) --> hsl(41,14%, 89%)
 * 
 * rot
 *   #d91515
 *   #df2424
 *   #f9ded2                       HSL  19°, 76%, 90%
 *   #f3bea5                       HSL  19°, 76%, 80%
 *   #e05c1f                       HSL  19°, 76%, 50%
 *   #b44a18                       HSL  19°, 76%, 40%
 *   #873712                       HSL  19°, 76%, 30%
 * 
 * gelb
 * 
 * grün
 *   #00b100
 * 
 * violett
 *   #9b009b
 *
 ********************************************************************/

body {
    color: hsl(41,50%,5%) /* #263340 = hsl(210,25%,20%) */
}
 
/***********************************/
/* Header */
/***********************************/

/* Farben */
#admidio-main-navbar  {
    background-color: hsl(41,53%,44%); /* #349aaa = hsl(188,53%,44%) */
    color: hsl(41,15%,99%);            /* #ffffff = hsl(0,0%,100%) */
}

/* Logo im Header */
#admidio-main-navbar > a > img {
    width: 15vw;
    margin-right: 3vw !important;
}
@media (max-width: 1200px) {
    #admidio-main-navbar > a > img {
        width: 23vw;
    }
}

/* Titel */
#headline-organization, 
#headline-membership {
    font-size: 3.6vw;      /* 1.7 rem */
	line-height: 2.9rem;    /* 1.5 */    
	font-weight: 300;       /* bold */
}
@media (max-width: 767px) {
    #headline-organization, 
    #headline-membership {
        font-size: 2.4rem;      /* 1.7 rem */
    }
}

#admidio-main-navbar a {
    color: hsl(19, 96%, 28%); /* #263340 = hsl(210,25%,20%) */
}
#admidio-main-navbar a:hover {
    color: hsl(19,96%,36%); /* #000000 = hsl(0,0%,0%) */
}

/***********************************/
/* Sidebar Navigation */
/***********************************/
.admidio-sidebar {
    background-color: hsl(41,5%,33%); /* #263340 = hsl(210,25%,20%) */
    color: hsl(41,15%,99%);            /* #ffffff = hsl(0,0%,100%) */
}

.admidio-menu-header {
    margin-top: 4vh;
}

.admidio-headline-mobile-menu {
    color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */
}

.admidio-menu-list .dropdown-item {
    color: hsl(41,25%,20%); /* #263340 = hsl(210,25%,20%) */
}

.admidio-menu-list a {
    color: hsl(41,15%,90%); /* #dddddd = hsl(0,0%,87%) */
}
.admidio-menu-list a:hover {
    color: hsl(41,15%,99%); /* #ffffff = hsl(0,0%,100%) */
    background-color: hsl(41,33%,39%); /* #324b64 = hsl(210,33%,29%) */
}


/***********************************/
/* Breadcrumbs */
/***********************************/

.breadcrumb {
    padding: 0.2rem 1rem;
    border-radius: 0;
    background-color: transparent;
    border-style: solid;
    border-color: hsl(41,33%,70%);
    border-width: 0 0 1px 0;
}

.breadcrumb-item.active {
    color: hsl(41,54%,32%);
}


/***********************************/
/* Cards */
/***********************************/

.admidio-blog .card-header, 
.admidio-blog .card-body, 
.admidio-blog .card-footer,
.admidio-field-group .card-header, 
.admidio-field-group .card-body, 
.admidio-field-group .card-footer {
    background-color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */ 
}

.admidio-field-group .list-group-item {
    background-color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */ 
}

.admidio-blog-comment .card-header, 
.admidio-blog-comment .card-body, 
.admidio-blog-comment .card-footer {
    background-color: hsl(41,15%,87%); /* #dddddd = hsl(0,0%,87%)  */
}

.admidio-card {
    background-color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */ 
}

.admidio-card li {
    background-color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */ 
}

.admidio-roles, .admidio-album {
    background-color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */ 
}

.admidio-roles li {
    background-color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */ 
}

/* (zusätzliche Styles, gibt's nicht in admidio.css) */
.card-header {
    font-size: 1rem;        /* Schrift in Kopfzeile nicht so riesig */
}


/***********************************/
/* Nav-Bars */
/***********************************/

.navbar-filter {
    background-color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */ 
}


/***********************************/
/* Accordion */
/***********************************/

.accordion .card-header:hover {
    background-color: hsl(41,15%,80%); /* #263340 = hsl(210,25%,20%) */ 
}

.accordion .card-header {
    color: hsl(41,53%,44%); /* #349aaa = hsl(188,53%,44%) */
}


/***********************************/
/* Nav-Tabs */
/***********************************/

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    color: hsl(41, 9%, 31%); /* #495057 = hsl(210, 9%, 31%) */ 
    background-color: hsl(41,15%,99%); /* #ffffff = hsl(0,0%,100%) */
    /* border-color: #dee2e6 #dee2e6 #fff; */
    border-color: hsl(41,14%, 89%) hsl(41,14%, 89%) hsl(41,15%,99%);
}


/***********************************/
/* Module */
/* (zusätzliche Styles, gibt's nicht in admidio.css) */
/***********************************/

.admidio-module-headline {
    font-size: 1.5rem; 
    font-weight: bold; 
    color: hsl(41,25%,20%) /* #263340 = hsl(210,25%,20%) */
}


/***********************************/
/* Module "Einstellungen" */
/* (zusätzliche Styles, gibt's nicht in admidio.css) */
/***********************************/

#admidio-preferences-tabs .nav-link {
    border-color: hsl(41,14%, 77%) hsl(41,14%, 77%) hsl(41,15%,77%);
}

#admidio-preferences-tabs .nav-link.active {
    background-color: hsl(41,15%,83%); 
    color: hsl(41, 9%, 31%); /* #495057 = hsl(210, 9%, 31%) */ 
    font-weight: bold !important;
}

#admidio-preferences .card .card-header {
    /* keine Link-Farbe verwenden */
    color: hsl(41, 15%, 40%);
}

#admidio-preferences .card .card-header a:hover {
    /* keine Link-Farbe verwenden */
    background-color: hsl(41, 15%, 51%);
}


/***********************************/
/* Formular-Elemente */
/***********************************/

.form-control {
    color: hsl(41, 9%, 31%); /* #495057 = hsl(210, 9%, 31%) */ 
}

.form-control:focus, 
.select2-container--bootstrap4.select2-container--focus .select2-selection, 
input[type=checkbox]:focus, 
button:focus {
    border-color: hsl(41,53%,44%); /* #349aaa = hsl(188,53%,44%) */
    background-color: hsl(41,41%,89%); /* #d6ebee = hsl(188,41%,89%) */
}


/***********************************/
/* Buttons */
/***********************************/

.btn-primary {
    background-color: hsl(41,53%,44%); /* #349aaa = hsl(188,53%,44%) */
    border-color: hsl(41,53%,44%); /* #349aaa = hsl(188,53%,44%) */
}
.btn-primary:hover {
    background-color: hsl(41,54%,32%); /* #25717d = hsl(188,54%,32%) */
    border-color: hsl(41,54%,32%); /* #25717d = hsl(188,54%,32%) */
}
.btn-primary:focus {
    background-color: hsl(41,54%,32%) !important; /* #25717d = hsl(188,54%,32%) */
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: hsl(41,21%,52%); /* #6b979f = hsl(189, 21%, 52%) */ 
    border-color: hsl(41,21%,52%); /* #6b979f = hsl(189, 21%, 52%) */ 
}

.btn-secondary {
    background-color: hsl(41,16%,40%);
    border-color: hsl(41,16%,30%);
}
.btn-secondary:hover {
    background-color: hsl(41,16%,30%);
    border-color: hsl(41,16%,20%);
}

.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle {
    color: hsl(41,15%,99%); /* #ffffff = hsl(0,0%,100%) */
    background-color: hsl(41,8%,36%); /* #545b62 = hsl(210, 8%, 36%) */
    border-color: hsl(41,8%,33%); /* #4e555b = hsl(208, 8%, 33%) */
}

.btn-link:hover {
    color: hsl(41,80%,48%); 
}

/***********************************/
/* Links */
/***********************************/
    
a, .btn-link, .page-link, a.btn {
    color: hsl(19,30%,50%); /* #349aaa = hsl(188,53%,44%) */
}
a:hover, .page-link:hover, a.btn:hover {
    color: hsl(19,54%,48%); /* #25717d = hsl(188,54%,32%) */
}

/***********************************/
/* Icons */
/***********************************/
 
.admidio-info-icon {
    color: hsl(41,69%,57%); /* #4496dd = hsl(208,69%,57%) */
}

/***********************************/
/* Various settings */
/***********************************/

/* Style for popover */
.popover-header {
    color: hsl(41,15%,99%); /* #ffffff = hsl(0,0%,100%) */ 
    background-color: hsl(41,25%,20%); /* #263340 = hsl(210,25%,20%) */
}

.popover-body {
    background-color: hsl(41,15%,93%); /* #eeeeee = hsl(0,0%,93%) */
}

.alert-info {
    color: hsl(41,78%, 21%); /* #0c5460 = hsl(189, 78%, 21%) */ 
    background-color: hsl(41,46%, 77%); /* #abd7e0 = hsl(190, 46%, 77%) */
    border-color: hsl(41,53%, 83%); /* #bee5eb = hsl(188, 53%, 83%) */
}

.page-item.active .page-link {
    background-color: hsl(41,25%,20%); /* #263340 = hsl(210,25%,20%) */
    border-color: hsl(41,25%,20%); /* #263340 = hsl(210,25%,20%) */
}

.admidio-event-highlight .card-header, tr.admidio-event-highlight {
    background-color: hsl(41,15%,80%); /* #cccccc = hsl(0,0%,80%)  */ 
}

.admidio-event-approval-state-attend .fas {
    color: #00b100 !important;                         /* Original */
}

.admidio-event-approval-state-tentative .fas {
    color: #9b009b !important;                         /* Original */
}

.admidio-event-approval-state-cancel .fas {
    color: #df2424 !important;                         /* Original */
}

#admidio-password-strength-minimum {
    border-left-color: hsl(41,25%,20%); /* #263340 = hsl(210,25%,20%) */
}

.progress {
    background-color: hsl(41,15%,87%); /* #dddddd = hsl(0,0%,87%) */
}


/***********************************/
/* Chat module */
/***********************************/

#chat-area {
    border: 1px solid hsl(41,15%,40%); /* #666666 = hsl(0, 0%, 40%) */
    background:  hsl(41,15%,99%); /* #ffffff = hsl(0,0%,100%) */ 
}

#chat-area span {
    color: hsl(41,15%,99%); /* #ffffff = hsl(0,0%,100%) */ 
    background: hsl(41,25%,20%); /* #263340 = hsl(210,25%,20%) */
}

#chat-area p {
    border-bottom: 1px solid hsl(41,15%,87%); /* #dddddd = hsl(0,0%,87%) */
}

/***********************************/
/* Cookie-Consens */
/* (zusätzliche Styles, gibt's nicht in admidio.css) */
/***********************************/

.cc-theme-classic {
    background: hsl(41, 15%, 19%) !important;                    /* EFP */
}

.cc-btn {
    background-color: hsl(41, 15%, 28%) !important;              /* EFP */
}

.cc-btn:hover {
    background-color: hsl(41, 15%, 42%) !important;              /* EFP */
}