#m_chat {
 display: flex;
 flex-wrap: wrap;
}

#m_chat h2 {
 margin: 20px;
 width: calc(100% - 40px);
 color: #DDDDDD !important;
}

#m_chat #chat_liste {
 display: flex;
 flex-direction: column;
 flex: 1;
 align-content: flex-start;
 background-color: var(--hauptfarbe);
 color: var(--hell);
}

#m_chat .chat_liste_inhalt {
 display: flex;
 flex-direction: column;
 padding: 20px;
 max-height: 50vh;
 overflow-y: auto;
}

#m_chat .chat_liste_inhalt .chat_liste_eine_zeile {
 display: flex;
 flex-wrap: wrap;
 border-bottom: 2px solid var(--hell);
 padding: 10px 0;
}

#m_chat .chat_liste_inhalt .chat_liste_eine_zeile .chat_thema_liste {
 font-weight: bold;
 width: 100%;
 letter-spacing: 0.5px;
}

#m_chat .chat_liste_inhalt .chat_liste_eine_zeile .chat_liste_datum {
 font-size: 0.7rem;
 line-height: 1rem;
 width: 100%;
}

#m_chat .chat_liste_inhalt .chat_liste_eine_zeile:last-of-type {
 border-bottom: none;
}

#m_chat .chat_liste_inhalt .chat_liste_eine_zeile .input_submit_klein {
 background-color: var(--hell);
 color: var(--hauptfarbe);
 border: 2px solid var(--hell);
 border-radius: 3px;
 padding: 1px 3px;
 transition: 0.2s;
 margin: 2px 4px 2px 0;
 font-size: 12px;
 line-height: 16px;
}

#m_chat .chat_liste_inhalt .chat_liste_eine_zeile .input_submit_klein:hover {
 background-color: var(--hauptfarbe);
 color: var(--hell);
}

#m_chat .chat_liste_inhalt .chat_liste_eine_zeile .input_submit_klein[name="deaktiviere_chat"] {
 background-color: #bdbdbd;
}

#m_chat .chat_liste_inhalt .chat_liste_eine_zeile .input_submit_klein[name="deaktiviere_chat"]:hover {
 background-color: var(--hauptfarbe);
 color: var(--hell);
}



#m_chat input[name="chat_einstieg_anzeigen"] {
 background-color: var(--hell);
 color: var(--hauptfarbe);
 border: 2px solid var(--hell);
 border-radius: 3px;
 padding: 5px 10px;
 transition: 0.2s;
 margin: 10px 20px;
 font-size: 1rem;
 line-height: 1.6rem;
}

#m_chat input[name="chat_einstieg_anzeigen"]:hover {
 background-color: var(--hauptfarbe);
 color: var(--hell);
}



#m_chat #m_chat_archiv_h2 {
 font-size: 1rem;
 line-height: 1.6rem;
 border: 2px solid var(--hell);
 border-radius: 3px;
 text-align: center;
 font-weight: normal;
 transition: 0.25s;
}

#m_chat #m_chat_archiv_h2:hover {
 cursor: pointer;
 color: var(--hauptfarbe);
 background-color: var(--hell);
}

#m_chat #chat_liste_archiv_inhalt {
 max-height: 0px;
 transition: 1s;
 padding-top: 0;
 padding-bottom: 0;
}

#m_chat #chat_liste_archiv_inhalt.m_chat_show {
 max-height: 50vh;
 padding: 20px;
}


#m_chat #chat_elemente {
 display: flex;
 flex-direction: column;
 flex: 3;
 box-shadow: 0 0 7px inset grey;
 align-content: flex-start;
 width: 100%;
}

#chat_header_aktionen {
 display: flex;
 justify-content: end;
}

#chat_header_aktionen #chat_verlassen_form {
 margin-left: 5px;
}

#chat_verlassen_form {
 /* width: 100%;
 text-align: right; */
}

#chat_verlassen_form input {
 /*  */
}

#m_chat #chat_elemente #chat_verlauf {
 width: 100%;
 border: none !important;
 position: relative;
}

/*
#m_chat #chat_elemente #chat_verlauf::after {content: ""; background: linear-gradient(0deg, rgba(145,145,145,1) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 90%, rgba(145,145,145,1) 100%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;}
*/
#m_chat #chat_verlauf .inhalt {
 display: flex;
 flex-direction: column;
 max-height: 50vh;
 overflow-y: auto;
}

#m_chat #chat_verlauf .m_chat_zeile {
 width: calc(80% - 70px);
 position: relative;
 padding: 10px 20px;
 background-color: var(--hellgrau);
 border-radius: 5px;
 margin: 5px 15px;
}

#m_chat #chat_verlauf .m_chat_zeile.m_chat_aktuell_eingeloggter_user {
 align-self: flex-end;
 background-color: var(--hauptfarbe_hellhinterg);
}

#m_chat #chat_verlauf .m_chat_zeile .chat_verlauf_chat_aktionen {
 width: 30px;
 display: flex;
 flex-wrap: wrap;
 position: absolute;
 right: 0;
 top: 0;
 padding: 2px;
 opacity: 0;
 transition: 0.3s;
 font-size: 0;
 line-height: 0;
 justify-content: flex-end;
}

#m_chat #chat_verlauf .m_chat_zeile:hover .chat_verlauf_chat_aktionen {
 opacity: 1;
}


#m_chat #chat_verlauf .m_chat_zeile .chat_element_text_inhalt_bearbeiten_layer .chat_element_text_inhalt_bearbeiten_input {
 border: 2px solid var(--hauptfarbe);
 border-radius: 10px;
 width: calc(80% - 20px);
 min-height: 50px;
 font-family: sans-serif;
 padding: 6px 10px;
 background-color: var(--hell);
}

#m_chat #chat_verlauf .m_chat_zeile .chat_element_text_inhalt_bearbeiten_layer .input_submit_klein {
 background-color: var(--hauptfarbe);
 color: var(--hell);
 border: 2px solid var(--hauptfarbe);
 border-radius: 3px;
 padding: 2px 3px;
 transition: 0.2s;
 margin: 2px;
 font-size: 12px;
 line-height: 18px;
}

#m_chat #chat_verlauf .m_chat_zeile .chat_element_text_inhalt_bearbeiten_layer .input_submit_klein:hover {
 background-color: var(--hell);
 color: black;
}

#m_chat .m_chat_zeile .chat_verlauf_chat_aktionen .input_submit_klein {
 background-color: var(--hauptfarbe);
 color: var(--hell);
 border: 2px solid var(--hauptfarbe);
 border-radius: 3px;
 padding: 2px 3px;
 transition: 0.2s;
 margin: 2px;
 font-size: 0;
 line-height: 0;
}

#m_chat .m_chat_zeile .chat_verlauf_chat_aktionen .input_submit_klein:hover {
 background-color: var(--hell);
 color: black;
}

#m_chat .m_chat_zeile .chat_verlauf_chat_aktionen .chat_element_text_inhalt_bearbeiten_button {
 background-image: url(/bilder/buttons/m_av_liste_bearbeiten_weiss.svg);
 background-repeat: no-repeat;
 background-size: contain;
 min-width: 20px;
 transition: 0.2s;
 min-height: 20px;
}

#m_chat .m_chat_zeile .chat_verlauf_chat_aktionen .chat_element_text_inhalt_bearbeiten_button:hover {
 background-image: url(/bilder/buttons/m_av_liste_bearbeiten_hover_schwarz.svg);
}

#m_chat .m_chat_zeile .chat_verlauf_chat_aktionen .chat_element_bild_drucken_button {
 background-image: url(/bilder/buttons/m_av_liste_drucken_weiss.svg);
 background-repeat: no-repeat;
 background-size: contain;
 min-width: 20px;
 transition: 0.2s;
 min-height: 20px;
}

#m_chat .m_chat_zeile .chat_verlauf_chat_aktionen .chat_element_bild_drucken_button:hover {
 background-image: url(/bilder/buttons/m_av_liste_drucken_hover.svg);
}

#m_chat .m_chat_zeile .chat_verlauf_chat_aktionen input[name="chat_element_entfernen"] {
 background-image: url(/bilder/buttons/m_av_liste_loeschen_weiss.svg);
 background-repeat: no-repeat;
 background-size: contain;
 min-width: 20px;
 transition: 0.2s;
 min-height: 20px;
 color: transparent;
}

#m_chat .m_chat_zeile .chat_verlauf_chat_aktionen input[name="chat_element_entfernen"]:hover {
 background-image: url(/bilder/buttons/m_av_liste_loeschen_schwarz.svg);
}

#m_chat .m_chat_zeile .m_chat_zeile_teilnehmer {
 display: flex;
 flex-wrap: wrap;
 font-weight: bold;
 margin-bottom: 3px;
}

#m_chat .m_chat_zeile .m_chat_zeile_teilnehmer .chat_zeile_datum {
 font-size: 0.7rem;
 line-height: 1.3rem;
 width: 100%;
 font-weight: normal;
}


#m_chat .m_chat_zeile .chat_element_bild img {
 max-width: calc(100% - 4px);
 border: 2px solid transparent;
 transition: 0.2s;
 border-radius: 5px;
 max-height: 15vh;
}

#m_chat .m_chat_zeile .chat_element_bild img:hover {
 cursor: pointer;
 border: 2px solid var(--hauptfarbe);
}

#m_chat #chat_element_text_inhalt_bearbeiten_layer,
.chat_element_text_inhalt_bearbeiten_layer {
 display: none;
}

#m_chat #chat_aktionen {
 /* margin: 20px;  */
 /* width: calc(100% - 40px); */
 display: flex;
 flex-direction: column;
 flex: 1;
 justify-content: flex-start;
}

#m_chat #chat_aktionen .m_chat_eingabe_text_datei {
 position: relative;
}

#m_chat #chat_aktionen #m_chat_anhang {
 position: absolute;
 right: 0;
 bottom: 0;
 padding-right: 32px;
 height: 30px;
 display: flex;
 justify-content: flex-end;
 text-align: right;
}

#m_chat #chat_aktionen #m_chat_anhang .m_chat_datei_upload {
 color: black;
 align-self: flex-end;
}

/* https://developer.mozilla.org/en-US/docs/Web/CSS/::file-selector-button */

/* #m_chat #chat_aktionen .m_chat_datei_upload::-webkit-file-upload-button {
 visibility: hidden;
} */



#m_chat_datei_upload {
 position: relative;
 font-size: 70px;
 opacity: 0;
 top: -93px;
 height: 93px;
 line-height: 63px;
 width: 93px;
}

#m_chat_anhangs_vorschau_container {
 position: relative;
 text-align: right;
}

#m_chat_file_input_vorschau_container {
 width: 95px;
 height: 95px;
}

#m_chat_anhangs_container {
 background-image: url(/bilder/buttons/Dateianhang_Symbol_schwarz.svg);
 width: 95px;
 height: 95px;
 overflow: hidden;
}

#m_chat_anhangs_container:hover {
 background-color: var(--hauptfarbe);
 background-image: url(/bilder/buttons/Dateianhang_Symbol_weiss.svg);
}

#m_chat_file_input_vorschau {
 height: 100%;
 width: 100%;
 object-fit: cover;
 display: none;
}

/* #m_chat_anhangs_container{
 background-color: red;
}
#m_chat_anhangs_container:hover{
 background-color: green;
} */

#m_chat_anhangs_reset {
 position: absolute;
 z-index: 999;
 display: none;
}

/* #m_chat #chat_aktionen .m_chat_datei_upload::before {
 content: '';
 height: 26px;
 width: 26px;
 color: black;
 background-color: var(--hauptfarbe);
 background-image: url(/bilder/buttons/Dateianhang_Symbol_weiss.svg);
 border: 2px solid var(--hauptfarbe);
 border-radius: 3px;
 padding: 0;
 margin: 0;
 outline: none;
 white-space: nowrap;
 -webkit-user-select: none;
 cursor: pointer;
 background-repeat: no-repeat;
 background-size: contain;
 transition: 0.2s;
 display: flex;
 position: absolute;
 right: 0;
 top: 0;
} */



/* #m_chat_anhangs_container.dokument{
 background-image: url(/bilder/icons/doc_placeholder.png);
 

} */

/* #m_chat #chat_aktionen .m_chat_datei_upload:hover::before {
 background-color: var(--hell);
 background-image: url(/bilder/buttons/Dateianhang_Symbol_schwarz.svg);
} */


#m_chat #chat_aktionen .m_chat_datei_upload:active {
 outline: 0;
}

#m_chat #chat_aktionen .m_chat_datei_upload:active::before {
 background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

#m_chat #chat_aktionen #chat_datei_upload_form {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 position: relative;
}

#m_chat #chat_aktionen #chat_datei_upload_form textarea {
 border: 2px solid var(--hauptfarbe);
 border-radius: 10px;
 width: calc(80% - 20px);
 min-height: 50px;
 font-family: sans-serif;
 padding: 6px 10px 30px 10px;
 background-color: var(--hauptfarbe_hellhinterg);
}

#m_chat #chat_aktionen #chat_aktionen_chattext {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 justify-content: flex-end;
 flex: 1;
 align-items: flex-start;
}

#m_chat #chat_aktionen #chat_aktionen_chattext label {
 order: 1;
 align-self: center;
}

#m_chat #chat_aktionen #chat_aktionen_chattext>input {
 order: 2;
 background-color: var(--hauptfarbe);
 color: var(--hell);
 border: 2px solid var(--hauptfarbe);
 border-radius: 3px;
 padding: 2px 3px;
 transition: 0.2s;
 margin: 2px;
 font-size: 12px;
 line-height: 18px;
}

#m_chat #chat_aktionen #chat_aktionen_chattext>input:hover {
 background-color: var(--hell);
 color: black;
}

#m_chat #chat_aktionen #chat_aktionen_chattext input[name="beende_chat"] {
 order: 3;
 width: 100%;
 align-self: flex-end;
 margin-top: 50px;
}

#m_chat_einstieg_version_2 {}

.input_submit_gross {
 background-color: var(--hauptfarbe);
 color: var(--hell);
 border: 2px solid var(--hauptfarbe);
 border-radius: 5px;
 padding: 12px 41px;
 transition: 0.3s;
 margin: 5px;
 font-size: 23px;
}

.input_submit_gross:hover {
 cursor: pointer;
 background-color: var(--hell);
 color: black;
}


#m_chat_einstieg_version_2 h5 {
 margin: 0 0 16px;
 padding: 4px 0 0 11px;
 border-right: 1px solid var(--mittelgrau);
 width: 89px;
 border-bottom: 1px solid var(--mittelgrau);
 color: #6f6d6d;
 border-bottom-right-radius: 5px;
}

#m_chat_einstieg_version_2 form {
 margin-left: 18px;

}


#m_chat_einstieg_version_2 #chat_thema_2 {
  width: 402px;
}

#m_chat_einstieg_version_2 label {
 margin-right: 7px;
}

#m_chat_einstieg_version_2 .individueller_datei_input {
 /* width: 482px; */
 margin: 28px 0 17px;
 box-sizing: border-box;
 height: 90px;
 line-height: 82px;
 font-size: 23px;
 border-radius: 10px;
}

.individueller_datei_input {
 position: relative;
 overflow: hidden;
 background-color: var(--hauptfarbe);
 color: var(--hell);
 border: 2px solid var(--hauptfarbe);
 border-radius: 3px;
 padding: 2px 3px;
 transition: 0.2s;
 margin: 2px;
 font-size: 12px;
 line-height: 18px;

}

#m_chat_einstieg_version_2 #chat_aktionen_chattext_input_2 {
 border-radius: 5px;
 width: 481px;
 height: 90px;
 box-sizing: border-box;
 margin: 17px 0 17px;
 padding: 5px;
}

.individueller_datei_input_auswahl_button_container .individueller_datei_input_auswahl_button div {

 font-size: 23px;
}

.individueller_datei_input .individueller_datei_input_auswahl_button_container {

 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 48px;
}

.individueller_datei_input .individueller_datei_input_auswahl_button_container,
.individueller_datei_input .individueller_datei_input_bild_container,
.individueller_datei_input .individueller_datei_input_dokument_container {
 position: absolute;
}

.individueller_datei_input .individueller_datei_input_bild_container,
.individueller_datei_input .individueller_datei_input_dokument_container {
 display: none;
}

.individueller_datei_input .individueller_datei_input_bild_container #m_chat_einstiegs_bild_vorschau {
 height: 80px;
}

.individueller_datei_input .individueller_datei_input_bild,
.individueller_datei_input .individueller_datei_input_dokument {
 display: flex;
 justify-content: space-between;
 /* width: 471px; */
 align-items: center;
}

.individueller_datei_input .individueller_datei_input_auswahl_button_container {}

.individueller_datei_input .individueller_datei_input_auswahl_button {}


.individueller_datei_input:hover {
 background-color: var(--hell);
 color: black;
}


.individueller_datei_input input {
 position: absolute;
 top: 0;
 /* right: -339px; */
 margin: 0;
 padding: 0;
 font-size: 128px;
 cursor: pointer;
 opacity: 0;
 width: 100%;
 line-height: 26px;
 left: 0;
}


#m_chat_grundeinstellungen {}

#m_chat_bezeichnungen {}

#m_chat_bezeichnungen p {
 display: flex;
}

#m_chat_bezeichnungen p {
 display: flex;
}

#m_chat_bezeichnungen p label {
 width: 240px;
}

#chat_einladen_ansicht_anzeigen {}

#chat_einladen_ansicht_anzeigen #chat_einladen_such_formular {}

#chat_einladen_ansicht_anzeigen #chat_einladen_such_ergebnis {}

#chat_einladen_ansicht_anzeigen #chat_einladen_such_formular,
#chat_einladen_ansicht_anzeigen #chat_einladen_such_ergebnis {
 padding-left: 20px;
}



#chat_einladen_ansicht_anzeigen #chat_einladen_such_ergebnis .chat_einladen_such_ergebnis_eine_zeile {
 display: flex;
 justify-content: space-between;
 padding: 1px 0 1px 0;
}

.chat_einladen_such_ergebnis_eine_zeile:nth-child(odd) {
 background: var(--hauptfarbe_hellhinterg);
}

.chat_einladen_such_ergebnis_eine_zeile {
 margin-right: 2px;
}

.chat_einladen_such_ergebnis_eine_zeile:hover {
 background: var(--hauptfarbe_dunkelhinterg);
}

.chat_einladen_such_ergebnis_eine_zeile>div {
 width: 100%;
 text-align: left;
}

#chat_einladen_ansicht_anzeigen #chat_einladen_form {
 margin-top: 20px;
}

#chat_einladen_form_senden {
 margin-top: 20px;
}

#chat_einladen_form_senden.disabled {
 background-color: white;
 color: gray;
}

#chat_einladen_form_senden.disabled:hover {

 cursor: no-drop;
 background-color: white;
 color: gray;
}

.video_chat_sitzungs_ergebnis,
.el_video_chat {
 position: relative;
 display: flex;
 flex-direction: column;
 width: 100%;
 padding: 0.5em;
}

#admin_video_chat_archiv_anzeigen {
 margin-bottom: 25px;
}

.video_chat_sitzungs_ergebnis .eine_zeile,
.video_chat_sitzungs_ergebnis_benutzer .eine_zeile,
.video_chat_admin_archiv .eine_zeile,
#video_chat_anfrage_liste .eine_zeile {
 display: flex;
 padding: 9px;
}

.video_chat_sitzungs_ergebnis .eine_zeile label,
.video_chat_sitzungs_ergebnis_benutzer .eine_zeile label,
.video_chat_admin_archiv .eine_zeile label,
#video_chat_anfrage_liste .eine_zeile label {
 min-width: 192px;
}

.video_chat_sitzungs_ergebnis .eine_zeile div {}

.video_chat_sitzungs_ergebnis_benutzer,
.video_chat_admin_archiv_eintrag {
 border: 1px solid;
}

#video_chat_sitzungs_archiv,
.video_chat_admin_archiv {
 display: none;
}

#video_chat_anfordern_senden .eine_zeile {
 margin-bottom: 25px;
}

#video_chat_abrechnung_benutzer_verschiebebox {
 margin: 0 15px 15px;
 background-color: var(--hellgrau);
 padding: 0 10px 10px 10px;
 width: calc(100% - 20px);
 border-radius: 5px;
 position: relative;
 transition: 0.3s;
}

#video_chat_abrechnung_admin_verschiebebox {
 /* margin: 0 15px 15px;
 background-color: var(--hellgrau);
 padding: 0 10px 10px 10px;
 width: calc(100% - 20px);
 border-radius: 5px;
 position: relative; */
 transition: 0.3s;
}

@keyframes pulsieren {
 0% {
  transform: scale(1.0);
 }

 50% {
  transform: scale(1.1);
 }

 100% {
  transform: scale(1.0);
 }
}

#video_chat_benutzer_verschiebebox_anzeige {
 margin-bottom: 25px;
 line-height: 34px;
}

.video_chat_admin_verschiebebox_anzeige .eine_anfrage {
 display: flex;
 box-sizing: border-box;
 border-bottom: 1px solid;
 border-radius: 0 !important;
 flex-direction: column;
}

.video_chat_admin_verschiebebox_anzeige .eine_anfrage .eine_zeile {
 display: flex;
 flex-direction: row;
}
.video_chat_admin_verschiebebox_anzeige .eine_anfrage .eine_zeile label{
 padding-right: 5px;
 font-weight: bold;
}

.video_chat_admin_verschiebebox_anzeige .eine_anfrage .eine_zeile label:hover{
 cursor: pointer;
}

.video_chat_admin_verschiebebox_anzeige .eine_anfrage:hover {
 background-color: #cccccc !important;
 border-radius: 0 !important;
 cursor: pointer;
}

#video_chat_benutzer_verschiebebox_anzeige.bereit {
 color: green !important;
 font-weight: bold;
}

#video_chat_abrechnung_admin_verschiebebox {
 width: 100%
}

#video_chat_abrechnung_admin_verschiebebox h3 {
 padding-left: 10px;
 padding-bottom: 0;
 margin-bottom: 0;
}

.achtung {
 color: red !important;
 font-weight: bold;
 animation: pulsieren 1.5s ease-out;
 animation-iteration-count: infinite;
 opacity: 1.0;
 transform: scale(1);
 display: inline-block;
}

.video_chat_admin_verschiebebox_anzeige {
 display: block;
}

#verschiebbare_spezialbox a:hover {

 background-color: #c1000000 !important;
 color: black !important;
 font-weight: bold;
}

.m_chat_video_reiter-bereich {
 width: 100%;
}

.m_chat_video_reiter-bereich .m_chat_video_reiternavi {
 display: flex;
 flex-wrap: wrap;
 padding-bottom: 5px;
 margin-top: 30px;
}

.m_chat_video_reiter-bereich .m_chat_video_reiternavi .m_chat_video_reiter {
 background-color: var(--hauptfarbe);
 padding: 8px 12px;
 margin-right: 5px;
 font-size: 0.9rem;
 color: var(--hell);
}

.m_chat_video_reiter-bereich .m_chat_video_reiternavi .m_chat_video_reiter:hover {
 cursor: pointer;
}

.m_chat_video_reiter-bereich .m_chat_video_reiternavi .m_chat_video_reiter.m_chat_video_reiter_aktiv {
 padding: 8px 12px 15px 12px;
 margin-bottom: -7px;
 background-color: var(--hellgrau);
 color: var(--hauptfarbe);
 border-top: 2px solid var(--hauptfarbe);
 border-right: 2px solid var(--hauptfarbe);
 border-left: 2px solid var(--hauptfarbe);
 z-index: 2;
}

.m_chat_video_reiter-bereich .m_chat_video_reiter_inhalt{
 min-height: 45vh;
 width: calc(94% - 4px);
 background-color: var(--hellgrau);
 padding: 3%;
 border: 2px solid var(--hauptfarbe);
 position: relative;
}

.m_chat_video_archiv_liste {
 background-color: transparent;
 margin-top: 0.5em;
 margin-bottom: 10vh;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
}

.m_chat_video_archiv_liste .m_chat_video_archiv_liste_element {
 display: flex;
 flex-wrap: wrap;
 width: 94%;
 background-color: var(--hell);
 position: relative;
 margin-bottom: 2.5%;
 padding: 3%;
 box-shadow: 0 2px 7px -2px rgba(173,168,173,0.65);
}

.m_chat_video_archiv_liste .m_chat_video_archiv_liste_element .titel {
 width: 100%;
 font-size: 0.9rem;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: var(--hauptfarbe);
 margin-bottom: 2em;
 font-weight: bold;
}

.m_chat_video_archiv_liste .m_chat_video_archiv_liste_element .beschreibung {
 width: 100%;
 padding-bottom: 20px;
 display: flex;
 flex-direction: column;
}

.m_chat_video_archiv_liste .m_chat_video_archiv_liste_element .beschreibung .reihe {
 width: 100%;
 display: flex;
 padding: 0.3em;
}

.m_chat_video_archiv_liste .m_chat_video_archiv_liste_element .beschreibung .reihe .bezeichner {
 width: 15%;
 font-weight: bold;
}

.m_chat_video_archiv_liste .m_chat_video_archiv_liste_element .beschreibung .reihe .angabe {
 width: 84%;
}

.m_chat_video_archiv_liste .m_chat_video_archiv_liste_element .beschreibung .reihe .guthaben_fehler {
 color: var(--meldung);
}

.m_chat_video_archiv_liste .m_chat_video_archiv_liste_element .fussZeile {
 margin-top: 0.5em;
}

.el_video_chat .hinweis {
 position: absolute;
 left: 2.3em;
 top: 0.2em;
 border: none;
 color: var(--hinweis);
 font-size: 1rem;
 margin: 0;
 z-index: 99;
 width: 92.2%;
 background-color: transparent;
}

.el_video_chat .meldung {
 position: absolute;
 left: 2.3em;
 top: 0.2em;
 border: none;
 color: var(--meldung);
 font-size: 1rem;
 margin: 0;
 z-index: 99;
 width: 92.2%;
 background-color: transparent;
}

.video_chat_guthaben_anzeige .bezeichner
{
 font-weight: bold;
}

.video_chat_guthaben_anzeige .guthaben_aufgebraucht
{
 font-weight: bold;
 color: var(--meldung);
}

#m-chat-PDFVorschauBereich {
 width: 99%;
 height: 99%;
}

@media only screen and (max-width: 1024px) {
 .chat-pdf-vorschau {
  display: none;
 }

 .m-chat-pdf-datei-name {
  font-weight: normal;
  word-break: break-word;
  font-size: 9pt;
 }
}