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

#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;
 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;
}

#inhalt .kat_aktion #login_modul #praeferenzen_zustimmung_ablehnung_wiederrufen_dialog {
 border: 1px solid #a8a8a8;
 margin-bottom: 19px;
 border-radius: 5px;
 background-color: #d2d2d2;
 padding: 8px;
 justify-content: space-between;
 align-items: center;
}

#inhalt #vorlage117 .kat_aktion #praeferenzen_zustimmung_ablehnung_wiederrufen_dialog p {
 margin: 0;
 font-size: 0.8rem;
 line-height: 1.1rem;
}

#inhalt .kat_aktion #login_modul #praeferenzen_zustimmungs_button {
 width: auto;
 margin: 0;
 font-size: 0.8rem;
 line-height: 1.1rem;
 padding: 4px 8px;
 background-color: var(--hell);
 color: var(--hauptfarbe);
}

#inhalt .kat_aktion #login_modul #praeferenzen_zustimmungs_button:hover {
 background-color: var(--hauptfarbe_hellhinterg);
}

.grundeinstellungen_kasten .m_mailing_newsletter_themen {
  padding: 0.6em;
}

.grundeinstellungen_kasten .m_mailing_newsletter_themen td{
  padding-bottom: 0.4em;
  padding-top: 0.4em;
}

.grundeinstellungen_kasten .m_mailing_newsletter_themen td .cms_button{
 margin-left: 1.3em;
}