.widget.widget_kundenchat{padding:8px;overflow:hidden;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;position:fixed;white-space:nowrap;transition:all .3s;background-color:gray;color:var(--firmenfarbe)}.widget.widget_kundenchat.schwubsie{border-radius:8px 0 0 8px;width:25px;font-size:24px;right:0;top:16px;opacity:0}.widget.widget_kundenchat.unten_links{font-size:42px;bottom:32px;left:32px;width:64px;height:64px;border-radius:50%}.widget.widget_kundenchat.unten_rechts{font-size:42px;bottom:32px;right:32px;width:64px;height:64px;border-radius:50%}.widget.widget_kundenchat.verfuegbar{color:var(--firmenfarbe_text);animation:kundenchat_pulsieren;animation-duration:2.5s;animation-iteration-count:infinite}.widget.widget_kundenchat:hover{transform:scale(1.1);background-color:var(--firmenfarbe_heller);cursor:pointer}@keyframes kundenchat_pulsieren{0%{background-color:var(--firmenfarbe_dunkler)}50%{background-color:var(--firmenfarbe_heller)}100%{background-color:var(--firmenfarbe_dunkler)}}div#chat_fenster{position:fixed;display:none;background-color:#cdcdcd;opacity:0;transform:scale(0);border-radius:8px;transition:all .3s;pointer-events:none;z-index:20;box-shadow:0 0 8px #000a;width:500px;max-width:calc(100% - 16px);height:500px;max-height:calc(100% - 16px);gap:8px;flex-direction:column;align-items:center}div#chat_fenster.schwubsie{top:8px;right:8px}div#chat_fenster.unten_links{bottom:8px;left:8px}div#chat_fenster.unten_rechts{bottom:8px;right:8px}div#chat_fenster.sichtbar{pointer-events:all;opacity:1;transform:scale(1)}div#chat_fenster .chat_titelzeile{flex-basis:50px;width:calc(100% - 25px);padding-top:12px;display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between}div#chat_fenster .chat_titelzeile .partner{display:inline-flex;gap:8px;flex-direction:row;align-items:center}div#chat_fenster .chat_titelzeile .profilbild{width:48px;height:48px;background-image:url(../../../img/profilbild.png);object-fit:cover}div#chat_fenster .chat_titelzeile img[src=""]{display:none}div#chat_fenster .chat_titelzeile .aktiver_chat_knopf{opacity:.6;transform:scale(.7);transform-origin:center;display:none}div#chat_fenster .chat_titelzeile .aktiver_chat_knopf .knopf{display:inline-flex;flex-direction:row;gap:6px;align-items:center;font-size:12px}div#chat_fenster .chat_titelzeile .chat_schliessen_knopf{background-color:#bcbcbc;color:#484848;padding:8px;border-radius:50%;text-align:center;font-size:20px;cursor:pointer}div#chat_fenster .textzeile{flex-basis:114px;width:calc(100% - 25px);border-radius:8px;margin-bottom:8px;display:inline-flex;flex-direction:row;align-items:center}div#chat_fenster .chat_innen{flex-grow:1;padding:12px;width:calc(100% - 50px);background-color:#e7e7e7;display:inline-block;border-radius:8px;flex-basis:300px;overflow-y:scroll}div#chat_fenster .chat_innen .status_nachricht{text-align:center;width:100%}div#chat_fenster .chat_innen .abgeschlossen{text-align:center;width:100%}div#chat_fenster .chat_senden_knopf{width:20px;height:20px;padding:4px;margin-left:10px;font-size:20px;background-color:#99d19f;display:inline-flex;color:#3b1b1b}div#chat_fenster textarea.schreiben{height:calc(100% - 22px);max-height:175px;border-radius:8px;border:1px solid #b7b7b7;font-family:sans-serif;font-size:15px;padding:10px;width:85%;vertical-align:middle}div#chat_fenster .chat_innen .nachricht_container:first-of-type{margin-top:12px}div#chat_fenster .chat_innen .nachricht_container.eigene{text-align:right;padding-right:18px}div#chat_fenster .chat_innen .nachricht_container:not(.eigene){text-align:left;padding-left:18px}div#chat_fenster .chat_innen .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}div#chat_fenster .chat_innen .nachricht_container.fremd.erste{display:none}div#chat_fenster .chat_innen .nachricht_container .nachricht .nachricht_datum{text-align:right;font-size:65%;margin-top:6px}div#chat_fenster .chat_innen .nachricht_container .nachricht{background-color:#c2c4c8}div#chat_fenster .chat_innen .nachricht_container.eigene .nachricht{background-color:#eef5ee}div#chat_fenster .chat_innen .chat_nachrichten .nachricht_container img.symbol{background-color:#d2d6e1}div#chat_fenster .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}div#chat_fenster .nachricht_container .nachricht img.symbol:hover{background-color:#d3cccc;cursor:pointer}div#chat_widget_neue_nachricht{background-color:#e8e8e8d4;backdrop-filter:blur(6px);display:none;flex-direction:column;align-items:flex-end;opacity:0;width:320px;max-width:60vw;position:fixed;border-radius:8px;padding:12px;transition:all .5s;pointer-events:none}div#chat_widget_neue_nachricht.unten_links{bottom:112px;left:92px}div#chat_widget_neue_nachricht.unten_rechts{bottom:112px;right:92px}div#chat_widget_neue_nachricht.schwubsie{top:36px;right:55px}div#chat_widget_neue_nachricht:hover{background-color:#c4c4c4d4;cursor:pointer}div#chat_widget_neue_nachricht .schliessen{transition:all .2s}div#chat_widget_neue_nachricht .nachricht{width:100%;display:inline-flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}div#chat_widget_neue_nachricht .schliessen:hover{cursor:pointer;transform:scale(1.1)}div#chat_widget_neue_nachricht .nachricht:hover{width:100%}div#chat_widget_neue_nachricht.fade{opacity:1;pointer-events:all}div#chat_widget_neue_nachricht .titel img.profilbild{width:64px;display:inline-block;aspect-ratio:1/1;object-fit:cover}div#chat_widget_neue_nachricht .titel .name{display:inline-block;width:calc(100% - 64px)}div#chat_widget_neue_nachricht .titel .bild{display:inline-block;vertical-align:middle}#chat_widget_neue_nachricht .nachricht_inhalt{font-size:18px;display:inline-block;flex-shrink:1;flex-grow:0;flex-basis:calc(100% - 72px)}@media all and (max-width:600px){div#chat_widget_neue_nachricht{bottom:135px;top:auto}div#chat_fenster .chat_innen{padding:0;width:calc(100% - 14px)}.widget.widget_kundenchat.unten_links{font-size:30px;left:1px;bottom:1px;width:40px;height:40px}.widget.widget_kundenchat.unten_rechts{font-size:30px;right:1px;bottom:56px;width:40px;height:40px}}