/*------ 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;}
#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: #003068; 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 {background-color: #dbe0e4; 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 {display: none;}
#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; margin: 0; padding: 2%; 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 label {width: auto;}
#inhalt .logininc input[type="submit"] {background-color: #003068; color: white; font-family: sans-serif; border: none; border-radius: 5px; 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: white; color: #003068;}
#inhalt .kat_aktion #login_modul a {color: black; 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: black; font-size: 0.75rem;}
#inhalt .logininc .kat_aktion div a:hover {text-decoration: underline;}


/*------ 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: #dbe0e4; color: #003068;}
#inhalt .logininc .m_login_meine_daten #kat_objekt_aktion_fenster_kopf #neu_reg_zur form input[type="submit"]:hover {background-color: #003068; color: white; 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: #dbe0e4; color: #003068; margin: 0 3px;}
#inhalt .kat_aktion #div_versch_daten_btn form input[type="submit"]:hover {background-color: #003068; color: white; 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: white; 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;}