:root {
    --ausgabe_geno_mitglied_status_padding: 0 1.5rem;
    --ausgabe_geno_mitglied_status_height: 2rem;
    --ausgabe_geno_mitglied_status_line_height: 2rem;
    
    --ausgabe_geno_mitglied_color_green: forestgreen;
    --ausgabe_geno_mitglied_color_green_darken: #1e801e;
    --ausgabe_geno_mitglied_color_gray: #ececec;
    --ausgabe_geno_mitglied_color_blue: dodgerblue;
    --ausgabe_geno_mitglied_color_red: var(--hauptfarbe);
    --ausgabe_geno_mitglied_color_dark: #333;
    --ausgabe_geno_mitglied_color_white: white;
    
    --ausgabe_geno_mitglied_color_beige: beige;
    --ausgabe_geno_mitglied_color_dimgray: dimgray;
    
    --ausgabe_geno_mitglied_fontsize_small: 92.5%;
    
    --ausgabe_geno_mitglied_button_padding: .375rem .675rem;
}

/*
body {
    background: #000 !important;
    color: #fff !important;
}

body * {
    background: #000 !important;
    color: #fff !important;
}
*/

#geno_mitgliederverwaltung {
    width: 100%;
    position: relative;
}

#geno_mitgliederverwaltung * {
    box-sizing: border-box;
}

#geno_mitgliederverwaltung form [type="submit"],
#geno_mitgliederverwaltung form [type="button"]{
    border: none;
    padding: var(--ausgabe_geno_mitglied_button_padding);
    cursor: pointer;
    font-size: 92.5%;
}

#geno_mitgliederverwaltung form [type="submit"]:hover,
#geno_mitgliederverwaltung form [type="submit"]:focus,
#geno_mitgliederverwaltung form [type="button"]:hover,
#geno_mitgliederverwaltung form [type="button"]:focus {
    filter: invert(.1);
}

#geno_mitgliederverwaltung #geno_modulmenue {
    margin-bottom: 3rem;
}

#geno_mitgliederverwaltung #geno_modulmenue input {
    width: 180px;
    text-align: center;
}

#geno_mitgliederverwaltung #geno_modulmenue input[name*="mitglieder"] {
    background: var(--ausgabe_geno_mitglied_color_gray);
}

#geno_mitgliederverwaltung #geno_modulmenue input[name*="anteile"] {
    background: var(--ausgabe_geno_mitglied_color_gray);
}

#geno_mitgliederverwaltung #geno_modulmenue input.m_geno_menue_aktiv {
    background: var(--ausgabe_geno_mitglied_color_dark);
    color: var(--ausgabe_geno_mitglied_color_white);
}


#geno_mitgliederverwaltung .geno_mitglieder_titel {
    position: relative;
}

#geno_mitgliederverwaltung .geno_mitglieder_titel h2 {
    margin: 2rem 0 0;
}

#geno_mitgliederverwaltung .geno_mitglieder_titel #geno_mietglieder_neu {
    position: absolute;
    right: 0;
    top: -.25rem;
}

#geno_mitgliederverwaltung .geno_mitglieder_titel #geno_mietglieder_neu [name="m_geno_neues_mitglied"] {
    background: var(--ausgabe_geno_mitglied_color_green);
    color: var(--ausgabe_geno_mitglied_color_white);
}


#geno_mitgliederverwaltung .geno_mitglieder_suche {
    background: var(--ausgabe_geno_mitglied_color_gray);
    padding: .675rem 1.5rem;
    margin: 1.5rem 0 .5rem;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche h3 {
    margin: 0 0 .375rem;
    display: none;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche .geno_mitglieder_suche_sep {
    display: inline-block;
    width: 1rem;
    text-align: center;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche .geno_mitglieder_suche_zeile {
    margin: .375rem 0;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche {
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile::nth-child(1) {
    
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche input,
#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche select {
    display: block;
    background: var(--ausgabe_geno_mitglied_color_white);
    color: var(--ausgabe_geno_mitglied_color_dark);
    border-radius: 0;
    border: none;
    height: 32px;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile input,
#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile select {
    width: 100%;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile:nth-child(2) input[name="m_geno_suche_mitgl_senden"]
#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile:nth-child(2) input[name="geno_anteile_uebertragen_suchen"]{
    display: none;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche label {
    display: block;
    width: 100%;
    font-weight: bold;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_sep {
    display: none;
    width: 100%;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche select[name="m_geno_suche_mitgl_undoder"] {
    display: block;
    width: 100%;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche input[name="m_geno_suche_mitgl_senden"],
#geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche input[name="geno_anteile_uebertragen_suchen"]{
    background: var(--ausgabe_geno_mitglied_color_dark);
    color: var(--ausgabe_geno_mitglied_color_white);
    width: 100%;
}

#geno_mitgliederverwaltung .geno_mitglieder_suche_text {
    margin-bottom: 6rem;
}

@media (min-width: 768px) {
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile {
        flex-direction: row;
    }
    
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche label {
        width: 20%;
        font-weight: bold;
    }

    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_sep {
        display: block;
        width: 2.5%;
    }
    
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile:nth-child(1) input,
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile:nth-child(1) select {
        width: 25%;
    }

    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile:nth-child(2) input,
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile:nth-child(2) select {
        width: 25%;
    }

    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche select[name="m_geno_suche_mitgl_undoder"] {
        width: 20%;
    }
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche input[name="m_geno_suche_mitgl_senden"],
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche input[name="geno_anteile_uebertragen_suchen"] {
        display: none;
    }
    
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile:nth-child(2) input[name="m_geno_suche_mitgl_senden"],
    #geno_mitgliederverwaltung .geno_mitglieder_suche #geno_mitglieder_suche .geno_mitglieder_suche_zeile:nth-child(2) input[name="geno_anteile_uebertragen_suchen"]{
        display: block;
        width: 20%;
    }
}


#geno_mitgliederverwaltung .ausgabe_geno_mitglied {    
    background-color: var(--ausgabe_geno_mitglied_color_beige); 
    border: 0px solid var(--ausgabe_geno_mitglied_color_dimgray); 
    padding: 1rem 1.5rem; 
    margin-top: 6rem; 
    position: relative; 
}

#geno_mitgliederverwaltung [class*="ausgabe_geno_mitglied_status"]::before {
    position: absolute;
    top: calc(-2rem + -2px);
    left: 0;
    width: 150px;
    font-size: var(--ausgabe_geno_mitglied_fontsize_small);
    border-bottom: 2px solid var(--ausgabe_geno_mitglied_color_white);
    box-sizing: border-box;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_status_aktiv::before {
    content: "Aktiv";
    padding: var(--ausgabe_geno_mitglied_status_padding);
    height: var(--ausgabe_geno_mitglied_status_height);
    line-height: var(--ausgabe_geno_mitglied_status_line_height);
    background: var(--ausgabe_geno_mitglied_color_green);
    color: var(--ausgabe_geno_mitglied_color_white);    
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_status_neuaufnahme::before {
    content: "Neuaufnahme";
    padding: var(--ausgabe_geno_mitglied_status_padding);
    height: var(--ausgabe_geno_mitglied_status_height);
    line-height: var(--ausgabe_geno_mitglied_status_line_height);
    background: var(--ausgabe_geno_mitglied_color_blue);
    color: var(--ausgabe_geno_mitglied_color_white);
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_status_ausgeschieden {
    background: var(--ausgabe_geno_mitglied_color_gray);
    color: var(--ausgabe_geno_mitglied_color_dark);
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_status_ausgeschieden::before {
    content: "Ausgeschieden";
    padding: var(--ausgabe_geno_mitglied_status_padding);
    height: var(--ausgabe_geno_mitglied_status_height);
    line-height: var(--ausgabe_geno_mitglied_status_line_height);
    background: var(--ausgabe_geno_mitglied_color_gray);
    color: var(--ausgabe_geno_mitglied_color_dark);
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_status_kuendigung::before {
    content: "In Kündigung";
    padding: var(--ausgabe_geno_mitglied_status_padding);
    height: var(--ausgabe_geno_mitglied_status_height);
    line-height: var(--ausgabe_geno_mitglied_status_line_height);
    background: var(--ausgabe_geno_mitglied_color_red);
    color: var(--ausgabe_geno_mitglied_color_white);
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_status_klaerung::after {
    content: "Klärungsbedarf";
    padding: var(--ausgabe_geno_mitglied_status_padding);
    height: var(--ausgabe_geno_mitglied_status_height);
    line-height: var(--ausgabe_geno_mitglied_status_line_height);
    background: var(--ausgabe_geno_mitglied_color_red);
    color: var(--ausgabe_geno_mitglied_color_white);
    border-bottom: 2px solid var(--ausgabe_geno_mitglied_color_white);
    position: absolute;
    top: calc(-2rem + -2px);
    left: 152px;
    font-size: var(--ausgabe_geno_mitglied_fontsize_small);
    box-sizing: border-box;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied .ausgabe_geno_mitglied_name_grid {
    display: grid; 
    grid-template-columns: repeat(1, 1fr); 
    width: 100%;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied .ausgabe_geno_mitglied_name_grid .ausgabe_geno_mitglied_name h4 {
    font-size: 22px; 
    margin: .5rem 0;
    line-height: 1.2;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied .ausgabe_geno_mitglied_name_grid .ausgabe_geno_mitglied_name p { 
    margin: .5rem 0;
    line-height: 1;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied .ausgabe_geno_mitglied_name_grid .ausgabe_geno_mitglied_name p { 
    margin: .5rem 0;
    line-height: 1;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied .ausgabe_geno_mitglied_name_grid form {
    text-align: left;
}


#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details {
    background: var(--ausgabe_geno_mitglied_color_beige); 
    color:  var(--ausgabe_geno_mitglied_color_dark);
    padding: 0 1.5rem 1rem;
    opacity: 0;
    display: none;
    transition: opacity 2s;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .mitgliedsdaten_eine_zeile {
    display: flex;
    flex-direction: row;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .mitgliedsdaten_bezeichner,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .mitgliedsdaten_bezeichner {
    min-width: 130px; 
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .mitgliedsdaten_angabe,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .mitgliedsdaten_angabe {
    display: flex;
    flex-direction: row;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .mitgliedsdaten_angabe .mitgliedsdaten_angabe_bezeichner,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .mitgliedsdaten_angabe .mitgliedsdaten_angabe_bezeichner {
    width: 150px;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_mitgliedsanteile_grid,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_mitgliedsanteile_grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
    align-items: stretch;
    margin-bottom: 2rem;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_ein_mitgliedsanteilkauf,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_ein_mitgliedsanteilkauf {
    background: var(--ausgabe_geno_mitglied_color_gray);
    padding: 1.25rem 1.25rem 2rem;
    box-sizing: border-box;
    position: relative;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_ein_mitgliedsanteilkauf form [name="geno_anteile_bearbeiten_senden"],
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_ein_mitgliedsanteilkauf form [name="geno_anteile_bearbeiten_senden"] {
    background: var(--ausgabe_geno_mitglied_color_red);
    color: var(--ausgabe_geno_mitglied_color_white);
    margin: 1rem 0 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_mitgliedsanteile_gesamt,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_mitgliedsanteile .m_geno_ausgabe_mitgliedsanteile_gesamt {
    
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_mitgliedsanteile_gesamt form,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_mitgliedsanteile .m_geno_ausgabe_mitgliedsanteile_gesamt form {
    display: inline-flex;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_mitgliedsanteile_gesamt form input[name="geno_anteile_bearbeiten_senden"],
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_mitgliedsanteile .m_geno_ausgabe_mitgliedsanteile_gesamt form input[name="geno_anteile_bearbeiten_senden"] {
    background: var(--ausgabe_geno_mitglied_color_green);
    color: var(--ausgabe_geno_mitglied_color_white);
    margin-top: 1rem;
    width: 100%;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_mitgliedsanteile_gesamt form input[name="geno_anteile_uebertragen_senden"],
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_mitgliedsanteile .m_geno_ausgabe_mitgliedsanteile_gesamt form input[name="geno_anteile_uebertragen_senden"] {
    background: var(--ausgabe_geno_mitglied_color_dark);
    color: var(--ausgabe_geno_mitglied_color_white);
    margin-top: 1rem;
    width: 100%;
}

@media (min-width: 768px) {
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied {    
        margin-top: 4rem; 
    }
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied .ausgabe_geno_mitglied_name_grid {
        grid-template-columns: 75% 25%;
        align-items: center;
    }
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied .ausgabe_geno_mitglied_name_grid form {
        text-align: right;
    }
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_mitgliedsanteile_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    #geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_ein_mitgliedsanteilkauf,
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_ein_mitgliedsanteilkauf {
        padding: 1.25rem 1.25rem 1.25rem;
    }
    
    #geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_ausgabe_ein_mitgliedsanteilkauf form [name="geno_anteile_bearbeiten_senden"],
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_ein_mitgliedsanteilkauf form [name="geno_anteile_bearbeiten_senden"] {
        left: auto;
        right: 0;
        bottom: 0;
        width: auto;
    }
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_mitgliedsanteile .m_geno_ausgabe_mitgliedsanteile_gesamt form input[name="geno_anteile_bearbeiten_senden"] {
        width: auto;
    }
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .einfach_box,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .einfach_box {
    background: var(--ausgabe_geno_mitglied_color_white); 
    color: var(--ausgabe_geno_mitglied_color_dark);
    padding: 1rem; 
    margin-bottom: 1rem; 
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .anteile_subbox,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .anteile_subbox {
    margin-bottom: 2rem;
    max-width: 100%;
    min-width: 50%;
    box-sizing: border-box;
    float: left;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .box_bezeichner,
#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .box_bezeichner {
    font-size: 1.125rem; 
    text-decoration: underline; 
    margin-bottom: .675rem;
}




#geno_mitgliederverwaltung .ausgabe_geno_mitglied_status_ausgeschieden + .ausgabe_geno_mitglied_details {
    background: var(--ausgabe_geno_mitglied_color_gray);
    color: var(--ausgabe_geno_mitglied_color_dark);
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details_anzeigen {
    opacity: 1;
    display: block;
}


#geno_mitgliederverwaltung .ausgabe_geno_mitglied form .mitgliedsdaten_angabe {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem;
    margin-top: 1.5rem;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied form .mitgliedsdaten_angabe [name="IDgeno_mitglied_bearbeiten_senden"],
#geno_mitgliederverwaltung .ausgabe_geno_mitglied form .mitgliedsdaten_angabe [name="IDgeno_mitglied_details"] {
    margin: 0;
    min-width: 50%;
    float: left;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied form .mitgliedsdaten_angabe [name="IDgeno_mitglied_bearbeiten_senden"] {
    background: var(--ausgabe_geno_mitglied_color_red);
    color: var(--ausgabe_geno_mitglied_color_white);
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied form .mitgliedsdaten_angabe [name="IDgeno_mitglied_details"] {
    background: var(--ausgabe_geno_mitglied_color_green);
    color: var(--ausgabe_geno_mitglied_color_white);
}

@media (min-width: 768px) {
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied form .mitgliedsdaten_angabe {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 0;
    }
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied form .mitgliedsdaten_angabe [name="IDgeno_mitglied_bearbeiten_senden"],
    #geno_mitgliederverwaltung .ausgabe_geno_mitgliedform .mitgliedsdaten_angabe [name="IDgeno_mitglied_details"] {
        min-width: 75%;
    }
}


#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen {
    
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen [class*="m_geno_mitglied_ausgabe_zahlungsstand"] {
    
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen [class*="m_geno_mitglied_ausgabe_zahlungsstand"] p {
    color: var(--ausgabe_geno_mitglied_color_red);
    margin: .25rem 0;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen [class*="m_geno_mitglied_ausgabe_zahlungsstand_"] p {
    color: var(--ausgabe_geno_mitglied_color_dark);
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen [class*="m_geno_mitglied_ausgabe_zahlungsstand"] p .m_geno_mitglied_ausgabe_bezeichner {
    display: inline-block;
    width: 160px;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1.5rem;
    background: transparent;
    padding: 0;
    margin-top: 1.5rem;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen form [name="m_geno_zahlung_eintragen_senden"] {
    background: var(--ausgabe_geno_mitglied_color_green);
    color: var(--ausgabe_geno_mitglied_color_white);
    width: 100%;
    margin-top: 1.5rem;
}


#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf .mitgliedsdaten_angabe_box {
    background: var(--ausgabe_geno_mitglied_color_gray);
    padding: 1.5rem 1.5rem 3rem 1.5rem;
    position: relative;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf .mitgliedsdaten_angabe_box form {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf .mitgliedsdaten_angabe_box form [name="m_geno_zahlung_zum_bearbeiten_senden"] {
    background: var(--ausgabe_geno_mitglied_color_red);
    color: var(--ausgabe_geno_mitglied_color_white);
    width: 100%;
    margin: 0;
}

#geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf .mitgliedsdaten_angabe .m_geno_mitglied_ausgabe_bezeichner {
    display: block;
    width: 120px;
}

@media (min-width: 768px) {
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2rem;
    } 
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf .mitgliedsdaten_angabe_box {
        /*padding-bottom: 1.25rem;*/
    }
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf .mitgliedsdaten_angabe_box form {
        left: auto;
        width: auto;
    }
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen .m_geno_ausgabe_ein_mitgliedsanteilkauf .mitgliedsdaten_angabe_box form [name="m_geno_zahlung_zum_bearbeiten_senden"] {
        width: auto;
    }
    #geno_mitgliederverwaltung .ausgabe_geno_mitglied_details .m_geno_ausgabe_einlagen_zahlungen form [name="m_geno_zahlung_eintragen_senden"] {
        width: auto;
    }
}


#geno_mitgliederverwaltung form.geno_form_export {
    margin: 3rem 0;
}

#geno_mitgliederverwaltung form.geno_form_export select {
    background: var(--ausgabe_geno_mitglied_color_gray);
    color: var(--ausgabe_geno_mitglied_color_dark);
    font-size: var(--ausgabe_geno_mitglied_fontsize_small);
    padding: var(--ausgabe_geno_mitglied_button_padding);
    border: none;
    border-radius: 0;
    width: 300px;
}

#geno_mitgliederverwaltung form.geno_form_export button {
    background: var(--ausgabe_geno_mitglied_color_dark);
    color: var(--ausgabe_geno_mitglied_color_white);
    font-size: var(--ausgabe_geno_mitglied_fontsize_small);
    padding: var(--ausgabe_geno_mitglied_button_padding);
    border: none; 
}


/* ANTEILE VERWALTEN */
#geno_mitgliederverwaltung form#m_geno_anteilsliste_auswahl {
    background: var(--ausgabe_geno_mitglied_color_gray);
    padding: .375rem .675rem;
    margin-bottom: 3rem;
}

#geno_mitgliederverwaltung form#m_geno_anteilsliste_auswahl input {
    border: none;
    padding: var(--ausgabe_geno_mitglied_button_padding);
    cursor: pointer;
    font-size: 92.5%;
    font-family: system-ui;
    margin: 0 .375rem;
}

#geno_mitgliederverwaltung form#m_geno_anteilsliste_auswahl select {
    border: none;
    border-radius: 0;
    padding: var(--ausgabe_geno_mitglied_button_padding);
    background: white;
    cursor: pointer;
    font-size: 92.5%;
    font-family: system-ui;
    margin: 0 .375rem;
    height: 32.8px;
}

#geno_mitgliederverwaltung form#m_geno_anteilsliste_auswahl input[name="geno_datumsbereich_senden"] {
    background: var(--ausgabe_geno_mitglied_color_dark);
    color: var(--ausgabe_geno_mitglied_color_white);
    margin: 0 0 0 -.375rem;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2.5rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
 #geno_mitgliederverwaltung .m_geno_anteil_listeneintraege {
     grid-template-columns: repeat(2, 1fr);
 }
}

@media (min-width: 998px) {
 #geno_mitgliederverwaltung .m_geno_anteil_listeneintraege {
     grid-template-columns: repeat(2, 1fr);
 }
}

/*
#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_anteil_listeneintrag {
    border: 1px solid var(--ausgabe_geno_mitglied_color_gray);
    padding: .675rem;
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_anteil_listeneintrag div {
}

#geno_mitgliederverwaltung .m_geno_anteil_listeneintraege .m_geno_anteil_listeneintrag div span:nth-child(1) {
    display: inline-block;
    width: 130px;
    font-weight: 600;
}
*/

/* ANTEILE BEARBEITEN */
#geno_mitgliederverwaltung #m_geno_anteile_bearbeiten {
    margin-bottom: 3rem;
}

#geno_mitgliederverwaltung #m_geno_anteile_bearbeiten #m_geno_bearbeiten_buttons {
    margin: 1.5rem 0;
}

#geno_mitgliederverwaltung #m_geno_anteile_bearbeiten #m_geno_bearbeiten_buttons [type="submit"] {
    width: 260px;
    border-radius: 0;
    color: var(--ausgabe_geno_mitglied_color_white);
    margin: 0 .375rem .5rem 0;
}

#geno_mitgliederverwaltung #m_geno_anteile_bearbeiten #m_geno_bearbeiten_buttons [name="m_geno_anteile_bearbeitsform_senden"] {
    background: var(--ausgabe_geno_mitglied_color_green);
}

#geno_mitgliederverwaltung #m_geno_anteile_bearbeiten #m_geno_bearbeiten_buttons [name="m_geno_loeschen"] {
    background: var(--ausgabe_geno_mitglied_color_red);
}

#geno_mitgliederverwaltung #m_geno_anteile_bearbeiten #m_geno_bearbeiten_buttons [name="m_geno_zurueck"] {
    background: var(--ausgabe_geno_mitglied_color_dark);
}



/* ZAHLUNG BEARBEITEN */
#geno_mitgliederverwaltung #m_geno_form_einlagen_zahlung_bearbeiten {
    margin-bottom: 3rem;
}

#geno_mitgliederverwaltung #m_geno_form_einlagen_zahlung_bearbeiten #m_geno_einlagenzahlung_buttons {
    margin: 1.5rem 0;
}

#geno_mitgliederverwaltung #m_geno_form_einlagen_zahlung_bearbeiten #m_geno_einlagenzahlung_buttons [type="submit"] {
    width: 260px;
    border-radius: 0;
    color: var(--ausgabe_geno_mitglied_color_white);
    margin: 0 .375rem .5rem 0;
}

#geno_mitgliederverwaltung #m_geno_form_einlagen_zahlung_bearbeiten #m_geno_einlagenzahlung_buttons [name="m_geno_einlagenzahlung_bearb_senden"] {
    background: var(--ausgabe_geno_mitglied_color_green);
}

#geno_mitgliederverwaltung #m_geno_form_einlagen_zahlung_bearbeiten #m_geno_einlagenzahlung_buttons [name="m_geno_einlagenzahlung_loeschen_senden"] {
    background: var(--ausgabe_geno_mitglied_color_red);
}

#geno_mitgliederverwaltung #m_geno_form_einlagen_zahlung_bearbeiten #m_geno_einlagenzahlung_buttons [name="m_geno_zurueck"] {
    background: var(--ausgabe_geno_mitglied_color_dark);
}



/* MITGLIED BEARBEITEN */
#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten {
    margin-bottom: 3rem;
}

#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten fieldset {
    border: 1px solid var(--ausgabe_geno_mitglied_color_gray);
    margin-bottom: 1.5rem;
}

#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten fieldset legend {
    border: 1px solid var(--ausgabe_geno_mitglied_color_gray);
    padding: .375rem .675rem;
    font-weight: bold;
}

#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten fieldset input,
#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten fieldset select {
}

#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten #m_geno_mitglied_bearbeiten_buttons {
    margin: 1.5rem 0;
}

#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten #m_geno_mitglied_bearbeiten_buttons [type="submit"] {
    width: 260px;
    border-radius: 0;
    color: var(--ausgabe_geno_mitglied_color_white);
    margin: 0 .375rem .5rem 0;
}

#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten #m_geno_mitglied_bearbeiten_buttons [name="geno_mitglied_bearbeiten_senden"] {
    background: var(--ausgabe_geno_mitglied_color_green);
}

#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten #m_geno_mitglied_bearbeiten_buttons [name="m_geno_einlagenzahlung_loeschen_senden"] {
    background: var(--ausgabe_geno_mitglied_color_red);
}

#geno_mitgliederverwaltung .m_geno_mitglied_bearbeiten #m_geno_mitglied_bearbeiten_buttons [name="geno_mitglied_zurueck_liste"] {
    background: var(--ausgabe_geno_mitglied_color_dark);
}




















/*
#geno_mitgliederverwaltung .mitgliedsdaten_eine_zeile {
    display: flex; 
    margin-bottom: 6px; 
}

#geno_mitgliederverwaltung .m_geno_eingabe_orga_nicht_anzeigen {
    display:none; 
}

#geno_mitgliederverwaltung .m_geno_formular_inaktiv {
    color: gray; background-color: lightgray; 
}

















/* Menue: */
/*
#geno_mitgliederverwaltung .m_geno_menue_aktiv {color: darkblue; }

.m_geno_form_area form {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.75rem;
    border: 2px solid var(--hauptfarbe);
    border-radius: 5px;
    padding: 2vh 1vw;
    margin-bottom: 3vh;
    justify-content: space-between;
}

.m_geno_form_area .m_geno_form_zeile {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.m_geno_form_area .m_geno_form_zeile label
{
    width: 25%;
    line-height: 1.1rem;
}

.m_geno_form_area .m_geno_form_zeile input[type="text"]
{
    border: 1px solid var(--hauptfarbe);
    border-radius: 5px;
    padding: 4px 8px;
    width: 60%;
}

.m_geno_form_area .m_geno_form_zeile .submit_button
{
    border-radius: 5px;
    border: none;
    box-shadow: 2px 2px 4px grey;
    transition: 0.3s;
    margin-top: 0.8em;
    width: 100%;
    padding: 7px 10px;
    background-color: var(--hauptfarbe);
    color: var(--hell);
    letter-spacing: 0.04rem;
    font-size: 0.85rem;
    height: auto;
    cursor: pointer;
}

*/

/*
#m_geno_modulmenue {display: flex; justify-content: center; align-items: center; background-color: var(--hauptfarbe);}
#m_geno_modulmenue input[type="submit"] {background-color: var(--hauptfarbe); border: 3px solid var(--hauptfarbe); padding: 3px 10px;}
#m_geno_modulmenue input[type="submit"].m_geno_menue_aktiv {background-color: var(--hellgrau); border-color: var(--hell);}
*/