.einzelfrage td {
    padding:10px;
}

#adminchat {
	border-collapse: separate;  /* wichtig */
    border-spacing: 0 10px;     /* horizontal 0, vertikal 10px */
}

.admininfo {
    font-size: 0.7em;
    color: #aaaaaa;
}

/* DARK MODE (Default) */
html.darkmode #adminchat {
    background: #333;
    color: #fff;
	border-collapse: none;
}
html.darkmode h3 {
    color: #fff;
}
.darkmode .einzelfrage {
    background: #444;
}


/* LIGHT MODE */
html.lightmode body {
    background: #ddd !important;
}
html.lightmode #adminchat {
    background: #eee;
    color: #000;
}

.lightmode tr.einzelfrage.red {
    background: #ffa0a0;
}
.lightmode tr.einzelfrage.green {
    background: #83ff83;
}
.lightmode .einzelfrage {
    background: #f8f8f8;
}

/* Grunddesign für alle Buttons */
.ui-btn {
    display: inline-block;
    padding: 6px 14px;
    margin: 3px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid rgba(0,0,0,0.2);
}

/* Dark Mode */
html.darkmode .ui-btn {
    background: #444;
    color: #fff;
    border-color: #666;
}

html.darkmode .ui-btn:hover {
    background: #555;
    border-color: #888;
}

/* Light Mode */
html.lightmode .ui-btn {
    background: #f1f1f1;
    color: #000;
    border-color: #ccc;
}

html.lightmode .ui-btn:hover {
    background: #e4e4e4;
    border-color: #aaa;
}

html.lightmode .s-info.intern {
	border: 1px solid #494949;
}


/* Spezielle Varianten */
.font-button.plus,
.font-button.minus {
    width: 45px;
    text-align: center;
}

/* Theme Button */
.theme-btn {
    min-width: 130px;
}


#minimalchatwrapper {
	border: 1px solid #888;
	padding: 20px;
	margin-top: 20px;
	background: #f8f8f8;
	box-shadow: 3px 1px 15px 0px rgb(180 180 180 / 50%);
}

.adminchatfenster {
	border: 1px solid #888;
	padding: 20px;
	margin-top: 20px;
	width:100%;
	background: #f8f8f8;
	box-shadow: 3px 1px 15px 0px rgb(180 180 180 / 50%);
}
.adminkommunikation {
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
	gap: 20px;
}

.chat-button {
    padding: 12px 14px 12px 14px;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    color: #fff;
    fill: #fff;
    text-align: center;
}

.chat-button:hover {
	border-color: #ccc #bbb #aaa;
	background: #5a5a5a !important;
	cursor: pointer;
	color: #fff;
}

#adminchat .elementor-button {
    display: inline-block;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 6px 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin: 3px;
}

.font-button2 {
    color: #fff;
    padding: 6px 12px;
    background-color: #999;
    cursor: pointer;
}

.chatbuttonwrapper {
    min-width: 125px;
}

.einzelfrage td {
    border-bottom: 1px solid #ccc;
}

.updownbuttons {
    float: left;
    width: 50px;
}

.chatusername {
    font-weight: .8em;
    opacity: 0.8;
}

.setcolor {
    padding: 5px !important
}

.setcolor.green i:before {
    color: green;
}

.setcolor.red i:before {
    color: red;
}

.responses {
    display: none;
}


tr.einzelfrage.green {
    background: #43c143;
}

tr.einzelfrage.red {
    background: #dc2d2d;
}

tr.einzelfrage td {
    vertical-align: top;
}

.internalinfo {
    margin-top: 5px;
}

.internalinfo a {
    padding: 1vw !important;
}

body.internalinfo-open {
    overflow: hidden;
}

.textcontent>span {
    font-size: 1.2em;
}

.textcontent {
    padding: 1vw;
}

.showrespext .externalresponse {
    display: block;
}

.showrespint .internresponse {
    display: block;
}

.hiddenquestion>span,
.hiddenquestion .textcontent>span {
    display: none;
}

.hiddenquestion .interneinfos {
    display: none;
}

.s-info.intern {
    margin-top: 10px;
    border: 1px solid #fff;
    padding: 10px;
}

.onlymoderation .addtopin,
.onlymoderation .createcopy,
.onlymoderation .addexternalresponse {
    display: none !important;
}

body .pinned .addtopin,
body .pinned .addtopin:active {
    background: #43c143 !important;
}


.adminchat-textarea,.admin-extern-textarea,.admin-intern-textarea {
	height: 200px !important;
	border: 1px solid #999;
	overflow: auto;
	padding: 15px;
	background: #fff;
}

.adminchat-textarea a,.admin-extern-textarea a,.admin-intern-textarea a {
	text-decoration: underline;
}

.chat_right {
	background: #c8ffb7;
	color: #333;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 2px 0px 2px 10px;
}
.chat_left {
	background: #f0f0f0;
	color: #333;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 2px 10px 2px 0;
}

#g470-minimalchat-textarea {
	height: 200px !important;
	border: 1px solid #999;
	overflow: auto;
	padding: 15px;
	background: #fff;
}

#g470-minimalchat-textarea a {
	text-decoration: underline;
}

.s-info.extern:before {
    content: "";
    width: 10px;
    height: 1.2em;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    position: absolute;
    margin-top: -0.2em;
    margin-left: -15px;
}

.s-info.extern {
    padding-left: 18px;
}

.simple-chatmessage {
    position: relative;
}

.simple-chatmessage.chat-reply {
    padding-left: 18px;
	color: #cc0000;
}

.simple-chatmessage.chat-reply:before {
    content: "";
    width: 10px;
    height: 1.2em;
    border-left: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    display: inline-block;
    position: absolute;
    margin-top: -0.2em;
    margin-left: -15px;
}

.page-id-91850 #wpadminbar {
    display: none !important;
}