/*
.ekCustomChatbot .ekChatBotPopover {
	bottom: 15px;
	right: 85px;
	z-index: 99999;
	color: #000;
}
.ekCustomChatbot .ekChatBotPopover p {
	color: #000;
}
*/


.ekCustomChatbot .ekChatBotButton {
	width: 50px;
	height: 50px;
	position: relative;
	bottom: auto;
	right: auto;
	background-color: #003c5a;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
}
.ekCustomChatbot .ekChatBotButton:hover  {
	background-color: #dc911e;
}
.ekCustomChatbot .ekChatBotButton:has(+ .ekChatBotPopover) {
	background-color: #dc911e;
}

@media (hover: hover) {
	
.ekCustomChatbot .ekChatBotButton:focus  {
	background-color: #003c5a;
}
.ekCustomChatbot .ekChatBotButton:hover  {
	background-color: #dc911e;
}
.ekCustomChatbot .ekChatBotButton:active  {
	background-color: #003c5a;
}
.ekCustomChatbot .ekChatBotButton:hover::before {
  content: "Stell eine Frage";
  color: #323232;
  z-index: 9999;
  position: absolute;
  right: 32px;
  top: -25px;
  width: max-content;
  font-size: 12px;
  font-family: sans-serif;
  background: #fff;
  border: 1px solid #505050;
  padding: 5px;
  font-weight: 400;
  border-radius: 3px;
}
.ekCustomChatbot .cs-message-input__tools .cs-button.cs-button--send:hover .svg-inline--fa {
	color: #fff;
}
.ekCustomChatbot .cs-message-input__tools .cs-button.cs-button--send:hover {
	background-color: #dc911e;
}
}
.ekCustomChatbot .ekChatBotPopover {
	bottom: 15px;
	right: 100px;
	z-index: 99999;
	border: 2px solid #8c8c8c;
	backdrop-filter: blur(7px);
	background: linear-gradient(to bottom, rgba(153,153,153,0.8) 0%,rgba(230, 230, 230, 0.95) 100%);
	box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, 0.5);
  	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
	border: none;
}
.ekCustomChatbot .ekChatBotPopover .ekHeaderButton button, .ekCustomChatbot .ekChatBotMessage {
   box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}
.ekCustomChatbot .ekChatBotPopover .ekHeaderButton .disabled {
   border: none;
}
.ekCustomChatbot .ekChatBotPopover, .ekCustomChatbot .ekChatBotPopover p {
	color: #323232;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}
.ekCustomChatbot .ekChatBotPopover a {
	color: #dc911e;
}
.ekCustomChatbot .ekChatBotPopover a:hover {
	text-decoration: underline;
}
.ekCustomChatbot .ekChatBotPopover h1, .ekCustomChatbot .ekChatBotPopover h2, .ekCustomChatbot .ekChatBotPopover h3, .ekCustomChatbot .ekChatBotPopover h4 {
	font-size: initial;
	line-height: 1.2;
}
.ekCustomChatbot .ekChatBotPopover h1 {
	font-size: 1.4em !important;
	margin-top: 10px;
}
.ekCustomChatbot .ekChatBotPopover h2 {
	font-size: 1.2em !important;
	margin-bottom: 7px;
}
.ekCustomChatbot .ekChatBotPopover h1 + p {
  margin-top: 10px !important;
}
.ekCustomChatbot .scrollbar-container {
	padding: 7px;
	touch-action: auto !important;
}
.ekCustomChatbot .cs-message-input__content-editor-container {
	border-radius: 0 0 0 8px;
	background-color: #ececec;
}
.ekCustomChatbot .cs-message-input__content-editor-container .cs-message-input__content-editor {
	align-content: center;
	width: calc(100% - 40px);
}
.ekCustomChatbot .ekChatBotMessage {
	padding: 6px 12px !important;
	margin: 10px 8px;
}
.ekCustomChatbot .cs-message-input {
	padding: 0;
}
.ekCustomChatbot .ekChatBotMessage, .ekCustomChatbot .cs-message-input__tools button, .ekCustomChatbot .cs-message-input__content-editor-container {
	border: none !important;
}
.ekCustomChatbot .cs-message-input__tools button {
	box-shadow: none;
}
.ekCustomChatbot .cs-message-input__tools .cs-button.cs-button--send  .svg-inline--fa {
	height: 3em;
}
.ekCustomChatbot .ekMicButton .svg-inline--fa {
	height: 1.2em;
}

@media (max-width: 767px) {
.ekCustomChatbot .ekChatBotButton {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
  }
.ekCustomChatbot .ekChatBotButton img {
  width: 20px;
  height: 20px;
}
.ekCustomChatbot .ekChatBotPopover {
	bottom: 15px;
	right: 50px;
	width: 80%;
	z-index: 99999;
}
.ekCustomChatbot .ekChatBotPopover.maximized {
  width: 80% !important;
	height: calc(95dvh - 100px) !important;
}
.ekCustomChatbot .ekChatBotPopover, .ekCustomChatbot .ekChatBotPopover p {
	font-size: 15px;
}
}