/*------ Hier kommt CSS für das "Login"-Feld -----*/
#inhalt .logininc {margin-top: 2vh; width: 100%; text-align: center; font-weight: bold;}
#inhalt .logininc p {font-weight: bold; font-size: 1rem; text-align: center;}

#inhalt .kat_aktion {position: relative; transform: none; left: 0; top: 0; margin-bottom: 6vh;z-index:1}
#inhalt .kat_aktion, #inhalt #vorlage117 .kat_aktion p {font-family: sans-serif; font-weight: 400; line-height: 1.5rem; font-size: 0.9rem;}
#inhalt .kat_aktion #kat_objekt_aktion_fenster_kopf {background-color: var(--hauptfarbe); width: 94%; padding: 2% 3%; border: none; border-top-right-radius: 5px; border-top-left-radius: 5px;  font-family: sans-serif; font-weight: 400;}
#inhalt .kat_aktion {z-index: 999;background-color: var(--hellgrau); border: none; width: 50%; border-radius: 5px; margin-top: 3vh; min-width: 330px; margin-left: auto; margin-right: auto; max-width: 600px;}
#inhalt .kat_aktion .login_mod_reply {padding: 0 !important; width: 100%; text-align: right;}
#inhalt .kat_aktion #login_modul {padding: 3%;  font-family: sans-serif;}
#inhalt .kat_aktion #login_modul br {display: none;}
#inhalt .kat_aktion #login_modul form {display: flex; flex-wrap: wrap;}
#inhalt .kat_aktion #login_modul form div {display: flex; flex-wrap: wrap; width: 100%; padding: 2% 1%;}
#inhalt .kat_aktion #login_modul form label {width: 30%; min-width: auto;}
#inhalt .kat_aktion #login_modul form input[type="text"], #inhalt .kat_aktion div form input[type="password"], #inhalt .kat_aktion form input[type="text"], #inhalt .logininc form input[type="password"], #inhalt .kat_aktion form select {flex: 1; border: none; border-radius: 5px; padding: 6px 10px; font-size: 0.9rem;}
#inhalt .kat_aktion #login_modul form input[type="submit"] {margin-left: auto; width: 20%; min-width: 80px; margin-top: 2%;}
#inhalt #login_modul #div_angemeldet_bleiben {display: flex; flex-wrap: wrap; width: 100%; align-items: center; padding: 2% 0 2% 30%;}
#inhalt #login_modul #div_angemeldet_bleiben input[type="checkbox"] {margin: 0 5px 0 0; }
#inhalt #login_modul #div_angemeldet_bleiben label {width: auto;}
#inhalt .logininc input[type="submit"] {background-color: var(--hauptfarbe); color: var(--hell); font-family: sans-serif; border: none; border-radius: var(--borderradius); padding: 4px 6px; transition: 0.3s; background-image: none; font-size: 0.85rem; letter-spacing: 0.5px;}
#inhalt .logininc input[type="submit"]:hover {cursor: pointer; background-color: var(--hell); color: var(--hauptfarbe);}
#inhalt .kat_aktion #login_modul a {color: var(--dunkel); font-size: 0.75rem;}
#inhalt .kat_aktion #login_modul a:hover {text-decoration: underline;}




/*------ Hier kommt CSS für das "Passwort vergessen"-Feld vom Login -----*/
#inhalt .logininc .kat_aktion p br:nth-of-type(2) {display: none;}
#inhalt .logininc .kat_aktion div form {width: 100%;}
#inhalt .logininc .kat_aktion div p {font-family: sans-serif; font-size: 0.85rem; line-height: 1.3rem;}
#inhalt .logininc .kat_aktion div a {color: var(--dunkel); font-size: 0.75rem;}
#inhalt .logininc .kat_aktion div a:hover {text-decoration: underline;}


#inhalt .logininc .kat_aktion .formular_user .eine_zeile_form {padding: 0 3%;}



/*------ Hier kommt CSS für das "Login"-Feld wenn man eingeloggt ist-----*/
#inhalt .logininc #login_begruessung p {font-weight: normal;}
#inhalt .logininc #login_begruessung p .bold {font-weight: bold;}

#inhalt .logininc #login_abmelden_btn {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 2vh;}


/*------ Hier kommt CSS für das "Neu Registrieren"-Formular -----*/
#inhalt .logininc .m_login_meine_daten {max-height: none;}
#inhalt .logininc .m_login_meine_daten #kat_objekt_aktion_fenster_kopf {display: flex; align-items: center; justify-content: flex-end;}
#inhalt .logininc .m_login_meine_daten #kat_objekt_aktion_fenster_kopf #neu_reg_zur {flex: 1;}
#inhalt .logininc .m_login_meine_daten #kat_objekt_aktion_fenster_kopf #neu_reg_zur form {display: flex; justify-content: flex-end;}
#inhalt .logininc .m_login_meine_daten #kat_objekt_aktion_fenster_kopf #neu_reg_zur form input[type="submit"] {background-color: var(--hellgrau); color: var(--hauptfarbe);}
#inhalt .logininc .m_login_meine_daten #kat_objekt_aktion_fenster_kopf #neu_reg_zur form input[type="submit"]:hover {background-color: var(--hauptfarbe); color: var(--hell); cursor: pointer;}

#inhalt .logininc .m_login_meine_daten form div {padding: 6px 3%; display: flex; align-items: center;}
#inhalt .logininc .m_login_meine_daten form #m_login_angaben_name {flex-direction: column;}
#inhalt .logininc .m_login_meine_daten form #m_login_angaben_name div {width: 100%; padding: 6px 0;}

#inhalt .logininc .m_login_meine_daten form #m_login_speichern_unter {margin-bottom: 25px;}
#inhalt .logininc .m_login_meine_daten form #m_login_speichern_unter #login_select_speichern_unter_id {padding: 0; margin-left: 20px;}

#inhalt .logininc .m_login_meine_daten form span {padding: 6px 3%;}
#inhalt .logininc .m_login_meine_daten form span span {padding: 0;}
#inhalt .logininc .m_login_meine_daten form div textarea {flex: 1; font-family: sans-serif; padding: 2%; border-radius: 5px; font-size: 0.9rem;}
#inhalt .logininc .m_login_meine_daten form div input {flex: 1;}
#inhalt .logininc .m_login_meine_daten form div input[type="checkbox"] {max-width: 25px;}
#inhalt .logininc .m_login_meine_daten form div input[name="hausnr"] {max-width: 50px; margin-left: 5px;}
#inhalt .logininc .m_login_meine_daten form div input[name="plz"] {max-width: 50px; margin-right: 5px;}
#inhalt .logininc .m_login_meine_daten form div .m_login_button {padding: 10px 20px; margin: 0 3px;}
#inhalt .logininc .m_login_meine_daten form div #login_select_speichern_unter_id {flex: 1;}


/*------ Hier kommt CSS für die Ausgabe, nachdem man sich registriert hat -----*/
#inhalt .kat_aktion div {padding: 3%}
#inhalt .kat_aktion div .bold {font-weight: bold;}
#inhalt .kat_aktion #form_zum_login {margin-top: 20px;}


/*------ Hier kommt CSS für das "Meine Daten"-Fenster -----*/
#inhalt .kat_aktion #div_versch_daten_btn {flex: 1;}
#inhalt .kat_aktion #div_versch_daten_btn form {display: flex; justify-content: flex-end;}
#inhalt .kat_aktion #div_versch_daten_btn form input[type="submit"] {background-color: var(--hellgrau); color: var(--hauptfarbe); margin: 0 3px;}
#inhalt .kat_aktion #div_versch_daten_btn form input[type="submit"]:hover {background-color: var(--hauptfarbe); color: var(--hell); cursor: pointer;}


/*------ Hier kommt CSS für das "Meine Daten"-"Login-Daten"-Fenster -----*/
#inhalt .kat_aktion #m_login_gruppen_auswahl {width: 88%; flex-direction: column; max-height: 280px; overflow-y: scroll; background-color: var(--hell); margin: 3%; border-radius: 5px;}
#inhalt .kat_aktion #m_login_gruppen_auswahl #m_login_gruppen_head {font-weight: bold; flex: 1; margin-bottom: 8px; align-self: baseline;}
#inhalt .kat_aktion #m_login_gruppen_auswahl .m_login_gruppe {width: 100%; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 8px;}
#inhalt .kat_aktion #m_login_gruppen_auswahl .m_login_gruppe input[type="checkbox"] {width: auto; flex: none; margin: 0 5px 0 0;}
#inhalt .kat_aktion #m_login_gruppen_auswahl .m_login_gruppe label {flex: 1;}

#inhalt .kat_aktion #m_login_aktiv_auswahl {display: flex; align-items: center;}
#inhalt .kat_aktion #m_login_aktiv_auswahl input[type="radio"] {margin: 0 6px; flex: none;}
#inhalt .kat_aktion #m_login_aktiv_auswahl label {width: auto; margin-right: 10px;}
#inhalt .kat_aktion #m_login_aktiv_auswahl label[for="active"] {min-width: auto; flex: 1; max-width: 55px;}


/*------ Hier kommt CSS für das "Löschen"-Fenster -----*/
#inhalt .logininc #div_wirklich_x form {display: flex;}
#inhalt .logininc #div_wirklich_x form input[type="submit"] {flex: 1; margin: 0 4px; padding: 10px 10px;}





/*------ Hier kommt CSS für Login-Bearbeitung aus dem Katalog "Kontakte" heraus -----*/
.kat_aktion_background {height: 100vh; width: 100vw;}
.objekt_zindex {position: relative !important;}
.objekt_zindex .kat_aktion {}
.objekt_zindex .kat_aktion>div:nth-of-type(2) div form {width: 100%; display: flex; flex-wrap: wrap;}
.objekt_zindex .kat_aktion>div:nth-of-type(2) div form input[type="submit"] {flex: 1; border: none; background-color: var(--hauptfarbe); margin: 0 8px; border-radius: var(--borderradius); padding: 6px 8px; color: var(--hell); transition: 0.3s;}
.objekt_zindex .kat_aktion>div:nth-of-type(2) div form input[type="submit"]:hover {cursor: pointer; color: var(--dunkel); background-color: var(--hell);}

#inhalt .kat_aktion .m_login_div_eingabe_felder {display: flex; flex-wrap: wrap; padding: 1% 3%; justify-content: center; align-items: center;}
#inhalt .kat_aktion .m_login_div_eingabe_felder label {flex: 1; max-width: 160px;}
#inhalt .kat_aktion .m_login_div_eingabe_felder input {flex: 1;}
#inhalt .kat_aktion .m_login_div_eingabe_felder #login_select_speichern_unter_id {display: flex; flex: 1;}
#inhalt .kat_aktion .m_login_div_eingabe_felder #login_select_speichern_unter_id select {flex: 1;}

#inhalt .kat_aktion .m_login_div_eingabe_felder .m_login_eingabe_felder {width: 100%; display: flex; flex-wrap: wrap;}


#inhalt .kat_aktion input[type="button"] {background-color: var(--hauptfarbe); color: var(--hell); border-radius: var(--borderradius); transition: 0.3s; border: none; padding: 8px 16px;}
#inhalt .kat_aktion input[type="button"]:hover {cursor: pointer; background-color: var(--hell); color: var(--dunkel); }

#m_log_zusammengefasst_hinweis
{
    padding-left: 1% !important;
    margin:0;
}

#m_log_zusammengefasst_hinweis #m_log_zusammengefasst_hinweis_kopf
{
    max-width:460px;
}
#m_log_zusammengefasst_hinweis #m_log_zusammengefasst_hinweis_kopf p
{
    text-align:left;
}

#m_log_zusammengefasst_hinweis #m_log_zusammengefasst_hinweis_kopf,
#m_log_zusammengefasst_hinweis #m_log_zusammengefasst_hinweis_inhalt
{
    padding:0 0 10px 0;
    margin:0;
}
#m_log_zusammengefasst_hinweis #m_log_zusammengefasst_hinweis_inhalt .m_log_zusammengefasst_hinweis_inhalt_zeile
{
    display:flex;
}
#m_log_zusammengefasst_hinweis #m_log_zusammengefasst_hinweis_inhalt .m_log_zusammengefasst_hinweis_inhalt_zeile,
#m_log_zusammengefasst_hinweis #m_log_zusammengefasst_hinweis_inhalt .m_log_zusammengefasst_hinweis_inhalt_zeile div,
#m_log_zusammengefasst_hinweis #m_log_zusammengefasst_hinweis_kopf p
{
    padding:0 !important;
    margin:0;
}




/*  Loginbox Include CSS  */
#loginbox {background-color: var(--hell); padding: 4px 8px;}
#loginbox a {padding: 4px 8px; background-color: var(--hauptfarbe); border-radius: var(--borderradius); color: var(--hell); text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; border: none; transition: 0.3s;}
#loginbox a:hover {background-color: var(--hellgrau); color: var(--dunkel); text-decoration: none; cursor: pointer;}
#loginbox .loginbox_info_eingeloggt_als {display: flex; align-items: center; color: var(--grau);}
#loginbox .loginbox_info_eingeloggt_als a {background-color: transparent; color: var(--hauptfarbe); font-weight: bold; padding: 0 10px; font-size: 1rem; text-transform: none; letter-spacing: 0;}
#loginbox .loginbox_info_eingeloggt_als input[type="submit"] {padding: 4px 8px; background-color: var(--hauptfarbe); border-radius: var(--borderradius); color: var(--hell); text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; border: none; transition: 0.3s;}
#loginbox .loginbox_info_eingeloggt_als input[type="submit"]:hover {background-color: var(--hellgrau); color: var(--dunkel); text-decoration: none; cursor: pointer;}