block_kundenchat{background-color:#ededed;padding:20px;border-radius:10px}.block_kundenchat .chatbereich{height:450px;overflow-y:hidden;text-align:center}.block_kundenchat.aktiv .chatbereich{overflow-y:scroll}.block_kundenchat .chatbereich .chat_titelzeile{position:sticky;top:0;display:inline-flex;width:calc(100% - 16px);z-index:2;padding-bottom:8px;border-bottom:1px solid #cdcdcd;outline:5px solid #ededed;background-color:#ededed;flex-direction:row;justify-content:space-between;align-items:center;opacity:0;transition:opacity 0.2s}.block_kundenchat.aktiv .chatbereich .chat_titelzeile{opacity:1}.block_kundenchat .chatbereich .partner{display:inline-flex;gap:8px;flex-direction:row;align-items:center}.block_kundenchat .chatbereich .chat_titelzeile img.profilbild{width:48px;height:48px}.block_kundenchat .chatbereich .chat_titelzeile .aktiver_chat_knopf{opacity:.6;transform:scale(.7);transform-origin:center;display:none}.block_kundenchat .chat_fehlermeldung{text-align:center;display:none}.block_kundenchat .chat_fehlermeldung span.cmsicon{font-size:40px}.block_kundenchat .chat_fehlermeldung div:not(.knopf){margin-top:14px}.block_kundenchat .chat_lader{font-size:48px;color:var(--firmenfarbe);display:inline-block}.block_kundenchat .text_zeile{opacity:0;transition:opacity 0.2s}.block_kundenchat.aktiv .text_zeile{opacity:1}.block_kundenchat .chat_senden_knopf{display:inline-block;padding:5px 8px 8px 8px;background-color:var(--firmenfarbe);border-radius:8px;color:var(--firmenfarbe_text)}.block_kundenchat .chat_schreiben{bottom:20px;position:absolute;text-align:center;width:100%}.block_kundenchat .chat_nachrichten{text-align:center;max-height:calc(100% - 140px);overflow-y:scroll}.block_kundenchat .schreiben{width:calc(100% - 64px);min-width:unset;height:16px;max-height:150px;vertical-align:middle;font-size:14px;padding:10px;transition:all .1s linear;font-family:sans-serif}.block_kundenchat .chat_innen .nachricht_container.fremd.erste{display:none}.block_kundenchat .nachricht_container:first-of-type{margin-top:12px}.block_kundenchat .nachricht_container.eigene{text-align:right;padding-right:18px}.block_kundenchat .nachricht_container:not(.eigene){text-align:left;padding-left:18px}.block_kundenchat .nachricht_container .nachricht{display:inline-block;padding:8px;color:#343434;border-radius:10px;text-align:left;margin-bottom:12px;max-width:60%;word-break:break-word;position:relative}.block_kundenchat .nachricht_container .nachricht .nachricht_datum{text-align:right;font-size:65%;margin-top:6px}.block_kundenchat .nachricht_container .nachricht{background-color:#c2c4c8}.block_kundenchat .nachricht_container.eigene .nachricht{background-color:#eef5ee}.block_kundenchat .chat_innen .chat_nachrichten .nachricht_container img.symbol{background-color:#d2d6e1}.block_kundenchat .chat_innen .nachricht_container .nachricht img.symbol{max-height:150px;aspect-ratio:4/3;max-width:300px;object-fit:contain;padding:4px;margin-top:4px;border-radius:4px;transition:all .3s}.block_kundenchat .nachricht_container .nachricht img.symbol:hover{background-color:#d3cccc;cursor:pointer}