/* Basis: Theme-Vorgaben neutralisieren (zentrierter Text, Großbuchstaben,
   Vollbreiten-Buttons). Die !important sind hier nötig, weil die Theme-Regeln
   spezifischer sind als unsere – wo das nicht zutrifft, können sie weg. */
.ce-wrap {
	margin-top: 48px;
}
.ce-wrap * {
	text-align: left;
}

.ce-reply-form-slot {
overflow: hidden;
}

.ce-wrap button {
	width: auto !important;
	min-width: 0 !important;
	font-family: inherit;
	line-height: 1.2;
margin-right: 12px;
    margin-bottom: 6px;
float: left;
}

.ce-bell {
	position: relative;
	display: inline-block;
	margin-bottom: 1rem;
}
.ce-bell-btn {
	position: relative;
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	font-size: 1.4rem;
	cursor: pointer;
}
.ce-bell-count {
	position: absolute;
	top: -4px;
	right: -8px;
	background: #e02020;
	color: #fff;
	border-radius: 50%;
	font-size: .65rem;
	line-height: 1;
	padding: 3px 5px;
}
.ce-bell-panel {
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 20;
	width: 320px;
	max-height: 360px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
	padding: .5rem;
}
.ce-bell-item {
	display: block;
	padding: .5rem;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	color: inherit;
	font-size: .85rem;
}
.ce-bell-item.ce-unread {
	background: #f5f8ff;
}
.ce-bell-excerpt {
	color: #777;
	font-size: .8rem;
	margin-top: 2px;
}
.ce-bell-empty,
.ce-bell-loading {
	padding: .75rem;
	color: #888;
	font-size: .85rem;
}

.ce-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: 1rem;
}
.ce-count {
	font-size: .9rem;
	color: #666;
}
.ce-sort-buttons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.1rem;
	gap: 0;
    margin-right: -12px;
}

.ce-form {
    margin-bottom: 0px;
	position: relative;
margin-top: 20px;
overflow: hidden;

}

.ce-list { margin-top: 48px; }


.ce-save-edit-btn,
.ce-cancel-edit-btn {
	margin-top: .4rem;
}

.ce-form-msg {
	margin-left: .6rem;
	color: #c0392b;
	font-size: .85rem;
}

/* Kommentar: keine Rahmen, Antworten nur eingerückt. */
.ce-comment {

	margin: 0 0 1.5rem calc(var(--ce-depth, 0) * 1.75rem);
padding: 0;
    font-size: 18px !important;
    line-height: 1.3;
    height: auto;
    text-overflow: auto;
    white-space: normal;
	margin: 0;
    margin-top: 24px;
    margin-bottom: 8px;
padding: 12px 18px;
    font-size: 18px !important;
    line-height: 1.3;
    height: auto;
    text-overflow: auto;
    white-space: normal;
}


.ce-comment-head {
	display: flex;
	gap: .5rem;
	align-items: baseline;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.ce-comment-head:hover span {
color: var(--text) !important;

transition: color 0ms;

}

.ce-comment-head span {
transition: color 500ms;

}

.ce-comment-body {
	margin:  3px;
position: relative;
user-select: text !important;
cursor: auto;
}

.ce-comment-body a {
    user-select: text !important;
}

.ce-comment-body::selection,
.ce-comment-body *::selection {
    background: #f1d974;
}

.ce-comment-body a::selection {
    background: #f1d974;
}

.ce-author {
	font-size: .9rem;
	font-weight: 700;
	text-transform: none;
}
.ce-date {
	font-size: .8rem;
	color: #9aa0a6;
	text-transform: none;
}

.ce-name {
text-transform: capitalize;
font-size: 105%;
font-weight: bold;
}

/* Name als Link zur Webseite des Autors – optisch unverändert. */
.ce-name-link {
color: inherit;
text-decoration: none !important;


}
.ce-name-link:hover .ce-name {
text-decoration: underline;
}


/* Aktionen als schlichte Textzeile: Antworten · 👍 n · 👎 n */
.ce-comment-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.1rem;
	gap: 0;
margin-top: 16px;
margin-bottom: 0;

}

.ce-comment-actions button, .ce-comment-del-edit .button, .ce-save-edit-btn, .ce-cancel-edit-btn, .ce-submit-btn, .ce-cancel-reply-btn, .ce-toggle-replies, .ce-sort-btn {
font-size: 16px;
padding: 6px 12px;
height: auto;
letter-spacing: 0.04em !important;
}
.ce-comment-actions button:hover {

}


.ce-comment-del-edit {
position: absolute;
right: 6px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.1rem;
	gap: 0;

}

.ce-comment-del-edit .button {
display: inline-block;

}



/* Während der Bearbeitung nur die Aktionszeile dieses Kommentars ausblenden,
   nicht die seiner Antworten – daher als Direktkind-Regel. */
.ce-comment.ce-editing > .ce-comment-actions {
	display: none;
}

/* Reaktions-Bilder statt Emojis. */
.ce-react-icon {
    filter: contrast(0.63) drop-shadow(1px 1px 0 #e5e6e6) !important;
	width: 12px;
	height: 12px; margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
}

/* "Antworten" steht im Vorbild vor den Reaktionen. */
.ce-reply-btn {
	order: 1;
}
.ce-react-btn.ce-active {
	color: #1a73e8;
}
.ce-comment.ce-highlight {
	background: #fff6d6;
	transition: background .6s ease;
	border-radius: 6px;
}

.ce-toggle-replies {
	order: -2;
	display: inline-flex;
}
.ce-toggle-replies::before {

}
.ce-toggle-replies[aria-expanded="true"]::before {

}
.ce-toggle-replies:hover {

}

.ce-edit-form {
margin-top: 6px;
}
.ce-edit-form .inputborder {
margin-bottom: 12px;
}

.ce-textarea {
font-size: 18px;
padding: 16px 20px;
}

.ce-edit-form textarea {
	width: 100%;
	box-sizing: border-box;
position: relative;
    z-index: 13;

}
.ce-empty {
	color: #888;
	font-size: .9rem;
}