.mailing_newsletter_vorlage {position: relative; padding: .6em}

.mailing_newsletter_vorlage .mailing_newsletter_steuerung_leiste {box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f; padding: .4em; display: grid; grid-template-columns: 15% 8% 8% 8% 20%; grid-column-gap: .3em; margin-right: 2%; margin-left: 2%; background-color: rgba(170,169,171,0.4)}
.mailing_newsletter_vorlage .mailing_newsletter_steuerung_leiste .mailing_newsletter_steuerung_titel {display: flex; align-content: center; justify-content: center; flex-direction: column; font-weight: bold; font-size: 1rem; line-height: 1.2rem}

.mailing_newsletter_vorlage #mailing_versand_dlg .dialog-fenster-inhalt {width: 72%; height: 71%; margin-top: 1em; left: 16%; top: 14%}
.mailing_newsletter_vorlage #mailing_versand_dlg .mailing_versand_label {font-weight: bold}
.mailing_newsletter_vorlage #mailing_versand_dlg .mailing_themen_auswahl_select {margin-top: .3em; width: 95%; padding: .5em}

.mailing_newsletter_vorlage #mailing_versand_dlg .mailing_versand_tabelle {width: 95%}
.mailing_newsletter_vorlage #mailing_versand_dlg .mailing_versand_tabelle thead {display: block}
.mailing_newsletter_vorlage #mailing_versand_dlg .mailing_versand_tabelle th {display: inline-block}
.mailing_newsletter_vorlage #mailing_versand_dlg .mailing_versand_tabelle th:last-child {margin-left: 12.3em}
.mailing_newsletter_vorlage #mailing_versand_dlg .mailing_versand_tabelle tbody {display: block; max-height: 16em; overflow-y: auto}
.mailing_newsletter_vorlage #mailing_versand_dlg .mailing_versand_tabelle .mailing_versand_user_zeile.ausgeblendet {display: none}

.news_abo_bearbeiten_dlg .dialog-fenster-inhalt {display: grid; grid-template-rows: 10% 80% 10%}
.news_abo_bearbeiten_dlg .dialog-fenster-inhalt .dialog-fenster-head {height: auto}
.news_abo_bearbeiten_dlg .dialog-fenster-inhalt .dialog-fenster-body {padding: 3em}
.news_abo_bearbeiten_dlg .dialog-fenster-inhalt .dialog-fenster-foot {height: auto; align-items: center}

.newsletter_abo_form_bereich .m_mailing_abo_formular .m_mailing_abo_formular_neu_bereich {max-height: 8em; overflow-y: hidden}
.newsletter_abo_form_bereich .m_mailing_abo_formular .m_mailing_abo_formular_alle_themen_bereich {max-height: 15vh; overflow-y: auto;}
.newsletter_abo_form_bereich .m_mailing_abo_formular .m_mailing_abo_formular_alle_themen_bereich div {padding: 3px 8px; cursor: pointer;}
.newsletter_abo_form_bereich .m_mailing_abo_formular .m_mailing_abo_formular_alle_themen_zeile {background-color: var(--schwarzgrau); color: var(--hell);}
.newsletter_abo_form_bereich .m_mailing_abo_formular .m_mailing_abo_formular_themen_zeile:nth-of-type(odd) {background-color: var(--hellgrau);}





/*---- Newsletterbutton Gestaltung ---------------*/
.aktivleiste_vorschau .anmeldung_newsletter {width: 100%; display: flex; justify-content: center; align-items: center; margin: 12px 0;}
.aktivleiste_vorschau .anmeldung_newsletter .newsletter_abo_button {width: 90%; margin: 0;}

.newsletter_abo_button {text-transform: uppercase; letter-spacing: 0.5px; font-size: 1rem; line-height: 1.4rem; background-color: var(--hauptfarbe); border-radius: var(--borderradius); color: var(--hell); transition: 0.2s; border: none; padding: 15px 30px; font-family: var(--fontfam_t); font-weight: 600; margin: 2vh auto;}
.newsletter_abo_button:hover {cursor: pointer; background-color: var(--zweitfarbe);}












.mailing_newsletter_vorlage_neu {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}


.mailing_newsletter_vorlage_neu .mailing_newsletter_steuerung_leiste {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: calc(100% - 40px); padding: 20px; background-color: var(--hellgrau);}
.mailing_newsletter_vorlage_neu .mailing_newsletter_steuerung_leiste .mailing_newsletter_steuerung_titel {width: 100%; text-align: center;}
.mailing_newsletter_vorlage_neu .mailing_newsletter_steuerung_leiste .input_submit {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 5px;}


.mailing_newsletter_vorlage_neu h1 {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}


.mailing_newsletter_vorlage_neu #mailing_versand_dlg .mailing_versand_tabelle .mailing_versand_user_zeile.ausgeblendet {display: none}



.newsletter_abo_posts .newsletter_abo_hauptbereich {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.newsletter_abo_posts .newsletter_abo_hauptbereich .eine_zeile_form {min-width: 80%; justify-content: center;}



.newsletter_abo_posts .newsletter_abo_hauptbereich .m_mailing_news_letter_abo_info {width: 100%; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-items: center; padding: 35px 0 10px 0;}


.newsletter_abo_posts .newsletter_abo_form_bereich {min-width: 45%;}





.bearbeitungsmodus .mailing_newsletter_vorlage_neu {margin: 30px 0; flex-direction: column;}
.mailing_newsletter_vorlage_neu .m_mailing_betreff {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: var(--hellgrau); width: calc(100% - 40px); padding: 20px;}
.mailing_newsletter_vorlage_neu .m_mailing_betreff form {flex-wrap: wrap; flex-direction: unset; justify-content: center; align-items: center;}
.mailing_newsletter_vorlage_neu .m_mailing_betreff form label {min-width: unset; margin-right: 5px; width: auto; font-size: 1.6rem; line-height: 2rem; color: var(--hauptfarbe);}
.mailing_newsletter_vorlage_neu .m_mailing_betreff form .input_submit {margin: 0 0 0 20px; min-width: unset;}

.bearbeitungsmodus .mailing_newsletter_vorlage_neu h1 {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: calc(100% - 40px); padding: 20px; margin: 0;}
.mailing_newsletter_vorlage_neu h1 form {display: flex; justify-content: center; align-items: center; flex-direction: unset;}
.mailing_newsletter_vorlage_neu h1 form .anweisung {font-size: 1.6rem; line-height: 2rem; color: var(--hauptfarbe); margin-right: 5px;}
.mailing_newsletter_vorlage_neu h1 form .input_submit {margin-left: 20px;}




.rahmen_anhaenge_mailing {background-color: #fff; border: solid 3px var(--hauptfarbe); padding: 10px; display: flex; flex-wrap: wrap; flex-direction: column;}
.rahmen_anhaenge_mailing table {}
.rahmen_anhaenge_mailing th {background-color: var(--hauptfarbe_hellhinterg); font-weight: bold; padding: 3px 8px 3px 8px; margin: 0px; }
.rahmen_anhaenge_mailing td {padding: 1px 8px 1px 8px; margin: 0px; }

.anhaenge_kopf_mailing {background-color: var(--hauptfarbe); padding: 10px 20px; margin: -10px -10px 10px -10px;}
.anhaenge_kopf_mailing h2 {color: var(--hell); font-size: 1.2rem; line-height: 1.8rem; margin: 0; padding: 0; }