#webchatWindow {
	width: 100%;
}

@media screen and (min-width: 410px) {
	#webchatWindow {
		width: 410px;
		min-width: 410px;
		max-width: 100%;
	}
}

#webchatWindow button {
	color: #252425 !important;
	border-color: #9a9a9a !important;
}

#webchatWindow .chat-bubble {
	border: none;
}

#webchatWindow .chat-bubble[class*='outgoing'] {
	background: #f3f3f3;
}

#webchatWindow .webchat-buttons-template-header,
#webchatWindow .regular-message {
	line-height: 1.3rem;
	box-shadow: none;
}

#webchatWindow .webchat-buttons-template-header,
#webchatWindow .regular-message,
#webchatWindow .webchat-buttons-template-root,
#webchatWindow .webchat-quick-reply-template-header-message {
	box-shadow: none;
}

#webchatWindow .webchat-quick-reply-template-reply:focus {
	box-shadow: none;
}

#webchatWindow .webchat-quick-reply-template-replies-container {
	text-align: left;
}

#webchatWindow .webchat-quick-reply-template-reply,
#webchatWindow .webchat-quick-reply-template-button,
#webchatWindow .webchat-buttons-template-button {
	border: 1px solid #9a9a9a;
	border-radius: 8px;
	color: #252425;
	min-height: 32px;
	padding: 4px 12px;
	font-size: 14px;
	background-color: transparent;
}

#webchatWindow .webchat-typing-indicator div div {
	transform: translateY(-14px);
}

#webchatWindow .webchat-header-logo {
	display: none;
}
#webchatWindow .webchat-avatar.bot {
	border: none;
	border-radius: 0;
	background-size: contain;
	background-image: url('https://www.bvg.de/dam/jcr:ea2155cb-caeb-4e33-9ca2-3a6d85f4eedc/BVG_Herz_Gelb_RGB.svg')
		no-repeat;
	background-color: transparent;
}

#webchatWindow .webchat-input-menu-form {
	padding: 16px;
}

#webchatWindow .webchat-header-bar {
	background: #f0d722;
	color: #252525;
	box-shadow: 0px 1px 1px rgba(37, 37, 37, 0.07),
		0px 3px 4px 1px rgba(37, 37, 37, 0.07),
		0px 4px 9px 2px rgba(37, 37, 37, 0.07) !important;
	border: none;
}

#webchatWindow .webchat-header-bar .logoNameContainer {
	width: 100%;
	margin-inline: 0;
}

#webchatWindow .ac-actionSet button {
	border: 1px solid #9a9a9a !important;
	border-radius: 8px !important;
	color: #252425 !important;
}

#webchatWindow .ac-pushButton {
	padding: 8px 16px;
	margin-top: 8px;
	background-color: #f0d722;
}

#webchatWindow .ac-pushButton:hover {
	border: 1px solid #252525 !important;
}

#webchatWindow input,
#webchatWindow select,
#webchatWindow textarea {
	border-radius: 8px !important;
	padding: 8px;
	border: 1px solid #757575;
}

#webchatWindow input:focus-visible,
#webchatWindow select:focus-visible,
#webchatWindow textarea:focus-visible {
	outline: 0.2rem solid #252425;
}

#webchatWindow .webchat-toggle-button {
	background-color: #f0d722;
	color: #252525;
}

#webchatWindow .webchat-buttons-template-button {
	color: #252525;
}

.webchat-root .webchat-toggle-button {
	background: #f0d722 !important;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.75 21.56-6.013-4.81H2.25V2.25h19.5v14.5h-3zm-15-6.31h9.513l3.987 3.19v-3.19h3V3.75H3.75zM15 5.501a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-6 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m7.875 5.263a.75.75 0 0 0-1.214-.881A4.54 4.54 0 0 1 12 11.75a4.54 4.54 0 0 1-3.66-1.868.75.75 0 0 0-1.214.88A6.04 6.04 0 0 0 12 13.252c1.922 0 3.744-.93 4.875-2.487' fill='%23252525'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat no-repeat !important;
	background-position: 50% 50% !important;
	background-size: 32px !important;
	box-shadow: none !important;
	border-radius: 0.5rem 0.5rem 0.5rem 0 !important;
	border: 2px solid white !important;
}

.webchat-root .webchat-toggle-button:hover {
	background-color: #f3f3f3 !important;
	outline: 2px solid #252525 !important;
	outline-offset: -4px !important;
}

.webchat-root .webchat-toggle-button:active {
	background-color: #f3f3f3 !important;
	outline: none !important;
}

.webchat-root .webchat-toggle-button:focus-visible:before {
	content: '';
	position: absolute;
	outline: 2px solid white;
	outline-offset: 4px;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 0.5rem 0.5rem 0.5rem 0;
}

.webchat-root .webchat-toggle-button:focus-visible:after {
	content: '';
	position: absolute;
	outline: 2px solid #3156c9;
	outline-offset: 2px;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 0.5rem 0.5rem 0.5rem 0;
}

.webchat-root .webchat-toggle-button svg {
	display: none;
}

.webchat-root main {
	/* fixes form height to outbound chatbot window */
	min-height: 80%;
}

#webchatWindow .webchat-input-menu-form {
	border: none;
}

#webchatWindow .webchat-header-close-button {
	border: none !important;
}
#webchatWindow .webchat-header-close-button svg {
	fill: #252525;
}
#webchatWindow .webchat-header-close-button:hover {
	background: #f1e48e;
}

#webchatWindow .regular-message {
	background: #f0d722;
	color: #252525;
}

#webchatWindow .cognigy-webchat-sfmplf header {
	background: #f0d722;
	color: #252525;
}

#webchatWindow .webchat-buttons-template-header {
	background: #f0d722;
	color: #252525;
}

#webchatWindow .webchat-quick-reply-template-header-message {
	background: #f0d722;
	color: #252525;
}

#webchatWindow .regular-message.user {
	background: #f3f3f3;
}

#webchatWindow .webchat-typing-indicator {
	background: #f0d722;
}

#webchatWindow .webchat-input-message-input {
	border: 1px solid #757575;
	border-radius: 8px;
	width: 100%;
	min-height: 64px;
	font-size: 20px;
	padding: 16px 60px 16px 12px;
}

#webchatWindow .webchat-input-message-container label {
	font-size: 20px;
	display: flex;
	align-items: center;
	padding: 16px 12px;
}

#webchatWindow .webchat-input-button-send {
	position: absolute;
	right: 44px;
	bottom: 38px;
	background-color: #e1e1e1;
	border-radius: 4px;
	height: 48px;
	width: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#webchatWindow .webchat-input-button-send svg {
	transform: rotate(-45deg) translateX(3px);
	fill: #252425;
	height: 20px;
	width: 20px;
}

#webchatWindow .webchat-list-template-element-content h4 {
	font-size: 14px;
}

#webchatWindow .webchat-list-template-element-content {
	padding: 14px 10px;
}

/* removes cognigybranding */
#webchatWindow #cognigyBrandingLink {
	display: none;
}

#webchatWindow .chat-bubble ol {
	list-style: decimal;
	padding-left: 24px;
	margin: 12px 0;
}

#webchatWindow .chat-bubble ul {
	list-style: disc;
	padding-left: 24px;
	margin: 12px 0;
}

.webchat-root * {
	font-family: 'Transit', Arial, sans-serif !important;
}