/* ============================================================================================================================================================================== */
/*                                                                          Stylesheets für Shortcode clubplaner                                                                        */
/* ============================================================================================================================================================================== */

/* ============================================================================================================================================================================== */
/* Shortcode epla 																				  */
/* ============================================================================================================================================================================== */
:root {
    --box-shadow-standard: 2px 2px 3px 3px;
    --border-radius-standard: 5px;
    --background-color-edit-form: rgba(0,0,0,0.01);
    --background-color-kalender: var(--background-color-edit-form);
    --background-color-table-header: rgba(230,230,230,1);
    --background-color-kalender-datum: var(--background-color-table-header);
    --background-color-table-cell-ev-in-bu: rgba(240,240,240,1);
    --background-color-table-cell: rgba(250,250,250,1);
    --background-color-table-cell-create: rgba(254,254,254,1);
    --background-color-kalender-tag: var(--background-color-table-cell);
    --background-color-table-cell-hover: rgba(230,230,230,1);
    --background-color-monatskalender: rgba(255,255,255,1);
    --background-color-monatskalender-sa-so: rgba(255,0,0,0.05);
    --background-color-monatskalender-inferien: rgba(0,255,0,0.05);
    --box-shadow-color:  rgba(0,0,0,0.1);
    --border-radius: var(--border-radius-standard);
    --box-shadow:  var(--box-shadow-standard) var(--box-shadow-color);

    --background-color-button: var(--background-color-table-cell);
    --background-color-button-hover: var(--background-color-table-cell-hover);
    --epla-font-size: 0.9rem;
    --button--font-size: 1rem;
    --text-color: black;
    --form-label-weight: bold;
    --font-size-kalender-header: 1.1rem;
    --border-color-kalender: rgba(200,200,200,1);

    --highlight-rot: rgba(255,0,0,0.1);
    --highlight-gelb: rgba(255,255,0,0.1);
    --highlight-gruen: rgba(0,255,0,0.1);

    --background-color-menu-item-hover: #eee;
    --color-menu-item: black;
    --color-current-menu-item: red;
    --color-menu-item-hover: white;
    --font-size-menu: 1.2rem;

}
@media screen and (max-width: 48em){
    :root {
    }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ==> Fehler in Theme-CSS !!! */
figure.wp-block-epla table tr th.updated,
figure.wp-block-epla table tr td.updated{
    display: table-cell;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*									Tabellen allgemein											  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Onclick-Zellen */
#clubplaner  table.monatskalender td p[title],
#clubplaner.wp-block-epla table tr[onclick],
#clubplaner.wp-block-epla table td[onclick]{
    cursor: pointer;
}
#clubplaner  table.monatskalender td p[onclick]:hover,
#clubplaner.wp-block-epla table tr[onclick]:hover td,
#clubplaner.wp-block-epla table td[onclick]:hover{
    background-color: var(--background-color-table-cell-hover);
    border-color: white;
}
#clubplaner table.monatskalender #table-header-navigation{
    width: 100%;
    margin: 0;
    box-shadow: none;
}
#clubplaner table.monatskalender #table-header-navigation,
#clubplaner table.monatskalender #table-header-navigation tr,
#clubplaner table.monatskalender #table-header-navigation tr td {
    border: 0;
}
#clubplaner table.monatskalender #table-header-navigation #prior,
#clubplaner table.monatskalender #table-header-navigation #year,
#clubplaner table.monatskalender #table-header-navigation #next{
    width: 40%;
    text-align: center;
    vertical-align: middle;
}
#clubplaner table.monatskalender #table-header-navigation #year{
    width: 20%;
    font-weight: bold;
    font-size: 1.25rem;
}
#clubplaner table.monatskalender #table-header-navigation #prior,
#clubplaner table.monatskalender #table-header-navigation #next{
    cursor: pointer;
}


/* Tabellen ohne Schatten */
#clubplaner.wp-block-epla,
#clubplaner .wp-block-epla{
    box-shadow: none;
    border-radius: 0;
}
/* Tabelle min Breite */
#clubplaner table{
    width: auto;
}
/* show-tables */
/* Tabellennamen Großschrift */
#clubplaner.show-tables h2{
    text-transform: uppercase;
}
/* kleinerer Zeichensatz, Umbruch */
#clubplaner .epla-edit-form label,
#clubplaner .epla-table-form label,
#clubplaner .epla-table-form input[type='text'],
#clubplaner table th,
#clubplaner table td,
#clubplaner table th,
#clubplaner table td{
    font-size: var(--epla-font-size);
    white-space: normal;
}
/* kein Umbruch bei Klasse epla-nowrap */
#clubplaner table th.epla-nowrap,
#clubplaner table td.epla-nowrap{
    white-space: nowrap;
}
/* bei epla-hidden Tabellenzeie verstecken */
#clubplaner table tr.epla-filter-hidden{
    display: none;
}
/* Subevents markieren */
#clubplaner table tr.subevent td.epla-name{
    font-style: italic;
}

/* Tabellen-Zellen enger */
#clubplaner table th,
#clubplaner table td{
    vertical-align: top;
    padding: 0.25em;
}
/* Tabellenüberschriften nicht uppercase */
#clubplaner table th{
    text-transform:none;
}
/* Erstellen Zeile */
#clubplaner .show-table tr.create td.create:first-of-type{
    text-align: right;
    border-right: none;
}

/* Neuer Eintrag rechtsbündig */
.epla td.epla-create{
    text-align: right;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*											Tabellen										  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#clubplaner table{
    background-color: var(--background-color-edit-form);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}
#clubplaner  table td{
    background-color: var(--background-color-table-cell);
}
#clubplaner  table td.epla-create{
    background-color: var(--background-color-table-cell-create);
}
#clubplaner.Buchungen table tr.Events td{
    background-color: var(--background-color-table-cell-ev-in-bu);
}
#clubplaner table th{
    background-color: var(--background-color-table-header);
}

#clubplaner table tr th,
#clubplaner table tr td{
    border-color: rgba(0,0,0,0.2);
}
#clubplaner table tr:first-of-type th{
    border-top: none
}
#clubplaner .epla-table-form table tr th:first-of-type,
#clubplaner .epla-table-form table tr td:first-of-type{
    border-left: none
}
#clubplaner table tr th:last-of-type,
#clubplaner table tr td:last-of-type{
    border-right: none
}
#clubplaner table tr:last-of-type td{
    border-bottom: none
}
#clubplaner table tr.row-buchung td:nth-of-type(1),
#clubplaner table tr.row-buchung td:nth-of-type(2){
    border-left: none;
    border-right: none;
}
#clubplaner table tr.row-buchung td:nth-of-type(1),
#clubplaner table tr.row-buchung td:nth-of-type(2){
    border-top: none;
    border-bottom: none;
}
/* Filter in Tabellen */
#clubplaner #clubplaner-filter-block{
    margin-bottom: 1rem;
    display: inline-block
}
#clubplaner #clubplaner-filter-block #clear-filter{
    float:right;
    left: -1rem;
    margin: 0;
    position: relative;
    cursor: pointer;
}
/* Filter in Tabellen */
#clubplaner #clubplaner-archiv-block,
#clubplaner #clubplaner-date-block{
    margin-bottom: 1rem;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*                                                                    Datatable-Tabellen
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* alle datatable-Tabellen */
.site{
    _max-width: none;
}
#clubplaner table.epla-log,
#clubplaner table.datatable{
    table-layout: fixed;
    /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! width: 100%; */
    width: auto;
}
#clubplaner table.datatable th,
#clubplaner table.datatable td{
    width: auto;
    overflow: hidden;
}
#clubplaner table .highlight-rot{
    background-color: var(--highlight-rot);
}
#clubplaner table .highlight-gelb{
    background-color: var(--highlight-gelb);
}
#clubplaner table .highlight-gruen{
    background-color: var(--highlight-gruen);
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Events Tabelle */
#clubplaner.Events table.datatable .epla-name{
    width: 12rem;
}
#clubplaner.Events table.datatable .epla-master_even{
    width: 8rem;
}
#clubplaner.Events table.datatable .epla-datum{
    width: 5.5rem;
}
#clubplaner.Events table.datatable .epla-uhrzeit{
    width: 3.7rem;
}
#clubplaner.Events table.datatable .epla-dauer{
    width: 3.2rem;
}
#clubplaner.Events table.datatable .epla-dozent{
    width: 8rem;
}
#clubplaner.Events table.datatable .epla-raum{
    width: 7.3rem;
}
#clubplaner.Events table.datatable .epla-event_status{
    width: 4.5rem;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Dozenten Tabelle */
#clubplaner.Dozenten table.datatable .epla-anrede{
    width: 2.5rem;
}
#clubplaner.Dozenten table.datatable .epla-vorname,
#clubplaner.Dozenten table.datatable .epla-nachname{
    width: 6rem;
}
#clubplaner.Dozenten table.datatable .epla-email{
    width: 11rem;
}

#clubplaner.Dozenten table.datatable .epla-telefon{
    width: 7rem;
}
#clubplaner.Dozenten table.datatable .epla-mobil{
    width: 11rem;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Teilnehmer Tabelle */
#clubplaner.Teilnehmer table.datatable .epla-anrede{
    width: 2.5rem;
}
#clubplaner.Teilnehmer table.datatable .epla-vorname,
#clubplaner.Teilnehmer table.datatable .epla-nachname{
    width: 7rem;
}
#clubplaner.Teilnehmer table.datatable .epla-email{
    width: 12rem;
    white-space: nowrap;
}

#clubplaner.Teilnehmer table.datatable .epla-telefon{
    width: 7rem;
}
#clubplaner.Teilnehmer table.datatable .epla-mobil{
    width: 7rem;
}
#clubplaner.Teilnehmer table.datatable .epla-teilnehmer_status{
    width: 4.5rem;
}
#clubplaner.Teilnehmer table.datatable .epla-newsletter,
#clubplaner.Teilnehmer table.datatable .epla-datenschutz{
    width: 2rem;
}
/* Notizen formatieren */
#clubplaner.Teilnehmer #notiz-title .notiz-neu,
#clubplaner.Teilnehmer .notiz-aendern,
#clubplaner.Teilnehmer .notiz-loeschen{
    cursor: pointer;
}
#clubplaner.Teilnehmer #notiz-title .notiz-neu:hover,
#clubplaner.Teilnehmer .notiz-aendern:hover,
#clubplaner.Teilnehmer .notiz-loeschen:hover{
    background-color: var(--background-color-table-cell-hover);
}
/* Symbole Notiz bearbeiten formatieren */
#clubplaner.Teilnehmer #notiz-title p{
    float: left;
}
#clubplaner.Teilnehmer #notiz-title .notiz-neu{
    float: right;
}
#clubplaner.Teilnehmer .notiz-block{
    clear: both;
    margin-bottom: 1.5rem;
}
#clubplaner.Teilnehmer .notiz-bearbeiten{
    float: right;
    margin-left: 1rem;
    margin-bottom: 0;
}
#clubplaner.Teilnehmer .notiz-bearbeiten p{
    padding: 0.25rem;
    margin-bottom: 0rem;
    font-size: 1rem;
}
#clubplaner.Teilnehmer table.datatable .epla-bemerkung{
    white-space: nowrap;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Buchungen Tabelle */
#clubplaner.Buchungen table.datatable .epla-name{
    width: 12rem;
}
#clubplaner.Buchungen table.datatable .epla-datum{
    width: 5.5rem;
}
#clubplaner.Buchungen table.datatable .epla-uhrzeit{
    width: 3.7rem;
}
#clubplaner.Buchungen table.datatable .epla-dauer{
    width: 3.2rem;
}
#clubplaner.Buchungen table.datatable .epla-dozent{
    width: 10rem;
}
#clubplaner.Buchungen table.datatable .epla-raum{
    width: 10rem;
}
#clubplaner.Buchungen table.datatable .epla-event_status{
    width: 5.5rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Change Request Tabelle */
#clubplaner.ChangeRequests table.datatable .epla-id{
    width: 2.5rem;
    text-align: right;
}
#clubplaner.ChangeRequests table.datatable .epla-title{
    width: 25%;
}
#clubplaner.ChangeRequests table.datatable .epla-solution{
    display: none;
}
#clubplaner.ChangeRequests table.datatable .epla-solution,
#clubplaner.ChangeRequests table.datatable .epla-description{
    width: 20%;
}
#clubplaner.ChangeRequests table.datatable .epla-change_request_status{
    width: 6.5rem;
}
#clubplaner.ChangeRequests table.datatable .epla-change_request_type{
    width: 4.5rem;
}
#clubplaner.ChangeRequests table.datatable .epla-category {
    width: 7rem;
}
#clubplaner.ChangeRequests table.datatable .epla-remark {
    width: 20%;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Strings Tabelle */
#clubplaner.Strings table.datatable .epla-key {
    width: 30%;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* OptionValues Tabelle */
#clubplaner.OptionValues table.datatable .epla-value,
#clubplaner.OptionValues table.datatable .epla-type {
    width: 25%;
}
#clubplaner.OptionValues table.datatable .epla-sort {
    width: 5.5rem;
    text-align: right;
}
#clubplaner.OptionValues table.datatable .epla-remark {
    _width: 20%;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Config Tabelle */
#clubplaner.Config table.datatable .epla-datatypename {
    width: 10rem;
}
#clubplaner.Config table.datatable .epla-sort {
    width: 5.5rem;
    text-align: right;
}
#clubplaner.Config table.datatable .epla-sort {
    width: 5.5rem;
    text-align: right;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Userlogs Tabelle */
#clubplaner.Userlogs table.datatable{
    width: 100%;
}
#clubplaner.Userlogs table.datatable .epla-date {
    width: 10rem;
    white-space: nowrap;
}
#clubplaner.Userlogs table.datatable .epla-datatype,
#clubplaner.Userlogs table.datatable .epla-datatypefct,
#clubplaner.Userlogs table.datatable .epla-formfct,
#clubplaner.Userlogs table.datatable .epla-username {
    width: 4.5rem;
    white-space: nowrap;
}
#clubplaner.Userlogs table.datatable .epla-id_record {
    width: 2.5rem;
}
#clubplaner.Userlogs table.datatable tr.epla-create {
    display: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Systemlogs Tabelle */
#clubplaner.Systemlogs table.datatable .epla-date {
    width: 10rem;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Statisik Tabellen */
#clubplaner.Statistik table.datatable .epla-zugriffe {
    text-align: right;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* SQL-Tables */
.show-table{
    overflow-x: auto;
    font-size: var(--epla-font-size);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*							    Bearbeitungsformular												  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#clubplaner .epla-edit-form table{
    background-color: transparent;
}
#clubplaner .epla-edit-form table td{
    padding: 0.75rem;
    background-color: var(--background-color-edit-form);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    border:none;
}

/* Breite der textareas wird in der Textarea mit rows= angegeben */
#clubplaner .epla-edit-form textarea{
    width: auto;
    border-width: 1px;
    border-radius: 5px;
    margin: 0;
}
/* im Edit form Label oben bündig */
#clubplaner .epla-export-form label,
#clubplaner .epla-import-form label,
#clubplaner .epla-edit-form label{
    vertical-align: top;
    display: inline-block;
    min-width: 12em;
    font-weight: var(--form-label-weight)
}
#monat,
#jahr,
#clubplaner .epla-table-form #clubplaner-filter-block input[type='text'],
.epla-import-form input[type='button'],
.epla-export-form input[type='button'],
.epla-edit-form input[type='submit'],
.epla-edit-form input[type='button'],
.epla-edit-form input[type='text'],
.epla-edit-form textarea,
.epla-edit-form select{
    padding: 0.2rem 1.5rem 0.2rem 0.2rem ;
    margin-bottom: 0.25em;
    border-width: 1px;
    border-radius: 5px;
    line-height: 1.25;
    font-weight: var(--button-font-weight);
    text-transform: none;
}
#clubplaner .epla-table-form #clubplaner-filter-block input[type='text'],
#clubplaner .epla-edit-form textarea,
#clubplaner .epla-edit-form input[type='text'],
#clubplaner .epla-edit-form select{
    min-width: 30em;
}
#clubplaner-buttons{
    clear: both;
    display: flex;
    justify-content: space-around;
    padding-top: 0.5rem;
}

#clubplaner .epla-export-form input[type='button'],
#clubplaner .epla-import-form input[type='button'],
#clubplaner .epla-edit-form input[type='submit'],
#clubplaner .epla-edit-form input[type='button']{
    cursor: pointer;
    font-size: var(--button--font-size);
    background-color: var(--background-color-button);
    border: 1px solid black;
    color: var(--text-color);
    padding: 0.5rem;
}
#clubplaner .epla-export-form input[type='button']:hover,
#clubplaner .epla-import-form input[type='button']:hover,
#clubplaner .epla-edit-form input[type='submit']:hover,
#clubplaner .epla-edit-form input[type='button']:hover{
    background-color: var(--background-color-button-hover);
}
/* keinen Tabellenrahmen beim Import Form */
#clubplaner .epla-import-form table td,
#clubplaner .epla-export-form table td{
    border: none;
}
/* Abstand im Export-Formular */
#clubplaner #table-filter{
    padding-bottom: 2rem;
}
/* Export-Formular Label-Breite */
#clubplaner .epla-export-form label{
    min-width: 35em;
}
#clubplaner .epla-export-form #export-filetype{
    margin-top: 2rem;
}
#clubplaner .epla-export-form #export-filetype label{
    min-width: initial;
}
#clubplaner .epla-export-form #export-filetype label:last-of-type{
    margin-left: 3rem;
}
/* Export-Formular Felder rechts einrücken*/
#clubplaner #table-filter label.field{
    min-width: 30em;
    padding-left: 5em;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*								 Monats-Kalender												  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#clubplaner .epla-kalender-form table{
    background-color: var(--background-color-kalender);
    border-spacing: 0.5rem;
    border-collapse: separate;
    border: 1px solid var(--border-color-kalender);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    width:100%;
}
#clubplaner .epla-kalender-form table tr{
}
#clubplaner .epla-kalender-form table tr td{
    border: 1px solid var(--border-color-kalender);
    border-radius: 10px;
    _min-width: 11rem;
    _max-width: 11rem;
    height: 5rem;
    overflow: hidden;
    width:20%;
}
#clubplaner .epla-kalender-form table tr td.tag:not(.kein-monatstag){
    background-color: var(--background-color-kalender-tag);
}
#clubplaner .epla-kalender-form table tr td.tag.kein-monatstag{
    border:none;
}
#clubplaner .epla-kalender-form table tr td p{
    margin: 0;
}
#clubplaner .epla-kalender-form table tr td p.datum{
    background-color: var(--background-color-kalender-datum);
    border-bottom: 1px solid var(--border-color-kalender);
}
#clubplaner .epla-kalender-form table tr td p.termin{
    cursor: pointer;
    white-space: nowrap;
}
#clubplaner .epla-kalender-form table tr td p.termin:hover{
    background-color: var(--border-color-kalender);
}
#clubplaner .epla-kalender-form table tr:nth-of-type(1) td,
#clubplaner .epla-kalender-form table tr:nth-of-type(2) td{
    height: 2rem;
}
/* Monat / Jahr */
#clubplaner .epla-kalender-form table .monat-jahr td{
    font-size: var(--font-size-kalender-header);
    text-align: center;
    border: none;
}
/* Wochentag */
#clubplaner .epla-kalender-form table .wochentag td{
    font-size: var(--font-size-kalender-header);
    border: none;
}
/* Samstag und Sonntag ausblenden */
#clubplaner .epla-kalender-form table tr td:nth-of-type(6),
#clubplaner .epla-kalender-form table tr td:nth-of-type(7){
    display: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*								 Monats-Kalender												  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#clubplaner table.monatskalender{
    width: 100%;
}
#clubplaner table.monatskalender tr.tag td{
    font-size: 0.8rem;
}
#clubplaner table.monatskalender .kalendertitle{
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
}
#clubplaner table.monatskalender .tag td{
    background-color: var(--background-color-monatskalender);
    padding: 0.1rem;
}
#clubplaner table.monatskalender .tag td.kw{
    border-bottom-width: 0px;
}
#clubplaner table.monatskalender .tag td.kw.so{
    border-bottom-width: 1px;
}
/* Ferien */
#clubplaner table.monatskalender .tag td.inferien{
    background-color: var(--background-color-monatskalender-inferien);
}
/* Sonn- und Feiertage */
#clubplaner table.monatskalender .tag td.feiertag,
#clubplaner table.monatskalender .tag td:not(.kw).so{
    background-color: var(--background-color-monatskalender-sa-so);
}
#clubplaner table.monatskalender .monat td{
    font-weight: bold;
    text-align: center;
    font-size: 0.8rem;
}
#clubplaner table.monatskalender .tag .datum{
    ________________________________width:10px;
    border-right: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 5.5ch;
    overflow: hidden;
}
#clubplaner table.monatskalender .tag .termine {
    __________________________________________________width:20%;
}
#clubplaner table.monatskalender .tag .termine p{
    margin: 0;
    white-space: nowrap;
    width: 23ch;
    overflow: hidden;
}
#clubplaner table.monatskalender.monate-1 .tag .termine p{
    width: 100%;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Version */
.epla.version{
    color: lightgrey;
    display: block;
    text-align: right;
    font-size: 0.8rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* fehlende Zugriffsrechte */
#error-access-rights{
    font-size: 1.5rem;
    color: red;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Top Menü */
#clubplaner-menu {
}
#clubplaner-menu ul{
    display: flex;
    justify-content: center;
    align-content: space-around;
    border-bottom: 1px solid rgb(200,200,200);
}
#clubplaner-menu li{
    align-items: center;
    list-style-type: none;
}
#clubplaner-menu li a{
    color: var(--color-menu-item);
    padding: 1rem;
    font-size: var(--font-size-menu);
}
#clubplaner-menu li.current a{
    color: var(--color-current-menu-item);
}
#clubplaner-menu li:hover{
    background-color: var(--background-color-menu-item-hover);
}
#clubplaner-menu li a:hover{
    color: var(--color-menu-item-hover);
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Speicher-Meldung */
.epla div.message-hidden{
    display: none;
}
.epla div.message-saved,
.epla div.message-visible{
    display: blog;
    opacity: 0;
    text-align: center;
    padding: 0.5em;
    color: blue;
    animation: fadeOut linear 3s;
}
@keyframes fadeOut {
    0% {
	opacity:0;
    }
    10% {
	opacity:1;
    }
    90% {
	opacity:1;
    }
    100% {
	opacity:0;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Datepicker-Formatierung */
.ui-datepicker{
    z-index:5!important;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Dialog-Formatierung */
.ui-dialog button:not(:hover):not(:active):not(.has-background){
    background-color: var(--background-color-button);
    color: var(--text-color);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Autokomplete-Formatierung */
.ui-autocomplete.ui-menu{
    font-size: var(--epla-font-size);
}
.ui-autocomplete.ui-menu .ui-menu-item div{
    padding-top: 0;
    padding-bottom: 0;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Tooltip-Formatierung */
.ui-tooltip{
    font-size: var(--epla-font-size);
}
.ui-autocomplete.ui-menu .ui-menu-item div{
    padding-top: 0;
    padding-bottom: 0;
}

/* ============================================================================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Event-Planung in Bedienungsanleitung */
.aufbau-event-planung{
    border: 1px solid gray;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Statistik */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ShowMore */
#clubplaner .show-more .more-link img,
#clubplaner .show-more .less-link img{
    margin-left: 0px;
    margin-top: 25px;
}

.statistik-events p{
    margin-bottom: 0;
}
/* Nummerische Werte rechtsbündig */
#clubplaner table.statistik-tabelle tr td:nth-of-type(2),
#clubplaner table.statistik-tabelle tr td:nth-of-type(3),
#clubplaner table.statistik-tabelle tr td:nth-of-type(4){
    text-align: right;
}
/* Letzte Zeie = Summenzeile */
#clubplaner table.statistik-tabelle tr:last-of-type td{
    background-color: rgb(230,230,230);
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Debug-Formatierungen                                                                                                                                                           */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#clubplaner #debug p{
    margin:0;
    padding:0;
    font-size: 1rem;
    font-family: "courier";
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Entwicklung                                                                                                                                                                    */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */