#fw-chat{
	--fw-gold:#c9a35d;
	--fw-bright-blue:#e4f2ff;
	--fw-blue:#0b75ff;
	--fw-dark-blue:#1456dd;
	--fw-dark-blue-2:#09264F;
	--fw-dark:#111;
	--fw-text:#1a1a1a;
	--fw-muted:#777;
	position:fixed;right:22px;bottom:22px;z-index:99999;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fw-text)}#fw-chat *{box-sizing:border-box}
#fw-open{
	display:flex;
	align-items:center;
	gap:9px;
	border:1px solid #2b2b2b;
	border-radius:999px;
	padding:13px 19px;
	background:var(--fw-dark-blue-2);
	color:#fff;
	font:700 14px/1 inherit;
	cursor:pointer;
	box-shadow:0 10px 30px rgba(0,0,0,.2)}
.fw-open-dot,
.fw-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1bff23}
#fw-box{position:absolute;right:0;bottom:62px;width:min(390px,calc(100vw - 28px));height:min(600px,78vh);background:#fff;border:1px solid #e6e1d8;border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.22);overflow:hidden}#fw-box[hidden]{display:none!important}

#fw-head{
	height:72px;
	padding:15px 17px;
	background:var(--fw-dark-blue-2);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:space-between}
	#fw-head strong{display:block;font-size:16px}#fw-head small{display:flex;align-items:center;gap:6px;color:#c9c9c9;margin-top:3px;font-size:11px}#fw-close{border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:4px 7px}#fw-msgs{height:calc(100% - 174px);overflow:auto;padding:16px;background:#f7f5f1}.fw-m{max-width:86%;padding:10px 12px;margin:8px 0;border-radius:14px;white-space:pre-wrap;font-size:14px;line-height:1.45}.fw-u{background:var(--fw-dark);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.fw-a{background:#fff;border:1px solid #e8e3da;margin-right:auto;border-bottom-left-radius:4px}.fw-rate{display:flex;align-items:center;gap:4px;color:var(--fw-muted);font-size:11px;margin:0 0 10px 4px}.fw-rate button{border:0;background:transparent;cursor:pointer;padding:3px;font-size:14px}#fw-typing{height:24px;padding-left:19px;background:#f7f5f1}#fw-typing span{display:inline-block;width:5px;height:5px;margin:0 2px;border-radius:50%;background:#999;animation:fwblink 1.1s infinite alternate}#fw-typing span:nth-child(2){animation-delay:.2s}#fw-typing span:nth-child(3){animation-delay:.4s}@keyframes fwblink{to{opacity:.25;transform:translateY(-2px)}}#fw-form{display:flex;border-top:1px solid #eee8de;padding:10px;gap:7px;background:#fff}

#fw-input{
	flex:1;
	min-width:0;
	padding:11px;
	/*border:1px solid #d7d1c7;*/
	border:1px solid #0b75ff;
	border-radius:10px;
	font:inherit;
	outline:none}

#fw-input:focus{border-color:var(--fw-blue);box-shadow:0 0 0 3px rgba(201,163,93,.14)}


#fw-send{
	padding:10px 13px;
	border:0;
	border-radius:10px;
	/*background:var(--fw-gold);*/
	background: linear-gradient(135deg, var(--blue), #1456dd);
	color:#fff;
	font-weight:800;
	cursor:pointer}

#fw-send:disabled,#fw-input:disabled{opacity:.55}.fw-privacy{height:30px;padding:5px 12px 8px;background:#fff;color:#888;font-size:10px;text-align:center}@media(max-width:480px){#fw-chat{right:10px;bottom:10px}#fw-box{position:fixed;left:10px;right:10px;bottom:72px;width:auto;height:min(650px,calc(100vh - 95px))}}


/* =========================================================
   FIRMENWAND Chat – Einwilligung
   ========================================================= */

#fw-consent[hidden],
#fw-chat-content[hidden] {
    display: none !important;
}

#fw-chat-content {
    height: calc(100% - 72px);
}

.fw-consent {
    height: calc(100% - 72px);
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f5f1;
}

.fw-consent-card {
    width: 100%;
    padding: 28px 22px;
    text-align: center;
    background: #e4f2ff;
    border: 1px solid #0b75ff;
    border-radius: 16px;
}

.fw-consent-icon {
    margin-bottom: 10px;
    font-size: 34px;
    line-height: 1;
}

.fw-consent-card strong {
    display: block;
    margin-bottom: 10px;
    color: #111;
    font-size: 18px;
}

.fw-consent-card p {
    max-width: 310px;
    margin: 0 auto 18px;
    color: #5e4b28;
    font-size: 13px;
    line-height: 1.55;
}

#fw-consent-accept {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 999px;
    padding: 12px 18px;
    background: #1456dd;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
}

#fw-consent-accept:hover {
    /*background: #292929;*/
	background: #1456ddc7;
	
}

.fw-consent-link {
    margin-top: 12px;
    padding: 4px 8px;
    border: 0;
    background: transparent;
    color: #5e4b28;
    font-weight: 600;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

/* Die Nachrichtenhöhe an den neuen Inhaltscontainer anpassen. */
#fw-chat-content #fw-msgs {
    height: calc(100% - 102px);
}

@media (max-width: 480px) {
    .fw-consent {
        padding: 12px;
    }

    .fw-consent-card {
        padding: 24px 18px;
    }
}


/* =========================================================
   FIRMENWAND – KI-Hinweis v1.3.5
   ========================================================= */

.fw-ai-info {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px 14px;
    /*background: #f5ead3;*/
	background:#e4f2ff;
    border-bottom: 1px solid #ddc38f;
    color: #5e4b28;
}

.fw-ai-info-icon {
    flex: 0 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    margin-top: 1px;
    /*border: 1px solid #c9a35d;*/
	border: 1px solid #0b75ff;
	border-radius: 50%;
    /*color: #8b6b31;*/
	color: #1456dd;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.fw-ai-info p {
    margin: 0;
    font-size: 11px;
    line-height: 1.45;
}

.fw-ai-info strong {
    color: #3d321f;
}

/* Zusätzlichen Hinweis bei der verfügbaren Chathöhe berücksichtigen */
#fw-chat .fw-consent,
#fw-chat #fw-chat-content {
    height: calc(100% - 134px);
}

@media (max-width: 480px) {
    .fw-ai-info {
        padding: 9px 12px;
    }

    .fw-ai-info p {
        font-size: 10.5px;
    }
}


/* FIRMENWAND Chatbot v1.3.8 – Absender über jeder Nachricht */
#fw-chat .fw-message-wrap {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}
#fw-chat .fw-message-wrap .fw-m {
    margin-top: 2px;
    margin-bottom: 0;
}
#fw-chat .fw-message-user { align-items: flex-end; }
#fw-chat .fw-message-answer { align-items: flex-start; }
#fw-chat .fw-message-sender {
    padding: 0 5px;
    font-size: 10.5px;
    line-height: 1.3;
    font-weight: 700;
    color: #71839a;
}
