.ce-forum .covo-btn, .ce-covo .covo-btn { line-height: 25px; height: 75px;  background: none; letter-spacing: 0.05em; font-family: 'title', arial, sans-serif !important; margin: 0; border-radius: 6px; font-variant-numeric: tabular-nums !important; transition: background-color 0.3s; font-size: 16px; text-align: center;

    cursor: pointer;
    background: var(--bgr1);
    border: solid 1px var(--border);
    box-shadow: 2px 2px 0 var(--shadow), inset 1px 1px 0 var(--highlight);
    color: var(--text);
    -webkit-font-smoothing: auto;
    text-shadow: inherit;
}




.ce-forum #covo-rating, .ce-covo #covo-rating {
display: grid !important;
}

.ce-forum.ce-jury #covo-rating, .ce-covo.ce-jury #covo-rating {
display: none !important;
}

.ce-forum .covo-btn b, .ce-covo .covo-btn b {font-weight: normal; font-size: 16px; }

.ce-forum .covo-btn:hover, .ce-forum .covo-btn.covo-btn-active, .ce-covo .covo-btn:hover, .ce-covo .covo-btn.covo-btn-active {
    border: solid 1px var(--border);
    background: var(--bgr3);
    box-shadow: 1px 1px 0 var(--highlight), inset 2px 2px 0 var(--shadow);
}
.ce-forum .covo-btn:active, .ce-covo .covo-btn:active {  transition: background-color 0s; }

.ce-forum h2 {
    font-size: 30px;
    font-weight: bold;
    margin: 12px 0;
}

.ce-forum h3 {
    font-size: 26px;
    font-weight: bold;
    margin: 12px 0;
}
.ce-forum h4 {
    font-size: 22px;
    font-weight: bold;
    margin: 12px 0;
}


.ce-forum .ce-feed-post .column {
    column-width: 333px;
    column-gap: 19px;
}



.ce-forum ol, .ce-forum ul {
    margin: 12px 0;
margin-left: 28px;
}


.ce-logo {
    filter: drop-shadow(1px 1px 0 #eee);
    opacity: 0.78;
    width: 70px;
    margin: -5px auto;
    display: block;
}

.ce-wrap input.textfont, .ce-guest-row input.textfont {
    font-family: text, title, sans-serif !important;
    letter-spacing: 0em !important;
    font-size: 18px !important;
    cursor: text !important;
}



/* Sichtbar erst, wenn das COVO-Skript den Bewerter bestätigt hat (Klasse
   covo-ready). Ohne diese Bedingung überschriebe das !important das
   display:none aus dem Shortcode – die Leiste stünde dann auch für normale
   Besucher da, ohne Funktion. */

.ce-forum #covo-rating, .ce-covo #covo-rating { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); column-gap: 12px; margin: 45px 0; }


/* 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. */
/* Kein Bild lässt sich aus den Plugin-Bereichen herausziehen. WebKit/Blink
   erledigt das hiermit ohne JS; Firefox kennt user-drag nicht und hängt an
   draggable="false" im Markup bzw. am dragstart-Handler in der JS. */
.ce-forum img,
.ce-wrap img,
.ce-notif-wrap img,
.ce-alerts img {
	-webkit-user-drag: none;
	user-drag: none;
}

.ce-wrap {
	margin-top: 24px;
}
.ce-wrap * {
	text-align: left;
}

.ce-notif-wrap {
margin-bottom: 13px;
}


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





.ce-reply-form-slot .ce-form .ce-forum-cancel-save-edit .ce-submit-btn.button,
.ce-reply-form-slot .ce-form .ce-forum-cancel-save-edit .ce-cancel-reply-btn.button {
overflow: hidden;
    font-size: 16px !important;
    margin-top: -6px !important;
}

.ce-wrap button, .ce-forum-post-actions .button, .ce-forum-save-edit-btn, .ce-forum-cancel-edit-btn {
	width: auto !important;
	min-width: 0 !important;
	font-family: inherit;
	line-height: 1.2;
margin-right: 0;
    margin-bottom: 6px;
height: 50px;
text-align: center;
}

.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 {

}
.ce-bell-excerpt {
	color: #777;
	font-size: .8rem;
}
.ce-bell-time {
	color: #9aa0a6;
	font-size: .75rem;
	white-space: nowrap;
}
.ce-bell-empty,
.ce-bell-loading {
	padding: .75rem;
	color: #888;
	font-size: .85rem;
}

/* Benachrichtigungen als Liste unter dem Thread. Die Theme-Button-Styles
   setzen die Links sonst nebeneinander. */
.ce-alerts {

	overflow: hidden;
}
.ce-alert-item {
	display: block;
	float: none;
	clear: both;
	width: auto;
	margin-bottom: 12px;
    border: solid 1px var(--border) !important;
	text-decoration: none !important;
padding: 0 18px;
width: 99%;
font-size: 18px;
height: auto;
    line-height: 1.3;
    white-space: normal;
    padding: 13px 18px;
}

.ce-alert-item:visited {
}

.ce-alert-item {
color: var(--embossed);
transition: color 600ms;
}

.ce-alerts:hover .ce-alert-item {
color: var(--text);
transition: color 200ms;
}

.ce-alert-item.ce-unread {
color: var(--text);
}

.ce-alert-time {
color: var(--embossed);
white-space: nowrap;
}

.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: 24px;
overflow: hidden;
    padding-right: 2px;
    padding-bottom: 2px;
}


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

.ce-forum .ce-thread {
margin-top: 26px;
}

.ce-thread .ce-form {
margin-top: 26px;
}

/* Eingeklappter Startzustand des Hauptformulars: flache Textarea, kein
   Veröffentlichen-Button. Die Klasse nimmt das JS beim Fokus in die Textarea
   wieder ab (expandForm), autosize() lässt eingeklappte Felder in Ruhe. */
.ce-form-collapsed .ce-textarea {
    height: 52px;
    padding: 14px 20px;
}

.ce-form-collapsed .ce-submit-btn {
	display: none;
}


.ce-children {
    clear: both;
}

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


.ce-save-edit-btn,
.ce-cancel-edit-btn {
	    margin-top: 8px;
}

button.ce-cancel-edit-btn.button {

}

.ce-form-msg, .ce-comment-pending-note {
color: #c0392b;
text-align: center !important;
display: block;
    margin: 12px 0;
    margin-top: 0;
    font-family: text, title, sans-serif;
    letter-spacing: 0em;
    border: solid 1px var(--border);
    border-radius: 5px;
    background-color: #e1bebe;
    overflow: hidden;
    padding: 33px;
    box-shadow: 1px 1px 0 var(--highlight), inset 2px 2px 0 var(--shadow);
    text-align: center;
    box-sizing: content-box;
margin-right: 1px;
display: none;
}

.ce-form.ce-form-collapsed {
margin-bottom: -24px;
}


.ce-form-collapsed .ce-form-msg {
display: none;
}



.ce-comment-pending-note {
display: block;
padding: 18px;
margin: 18px 0 !important;
}



/* 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;
color: var(--embossed);
}


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

transition: color 0ms;

}

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

}



.ce-comment-body {
	margin:  3px;
position: relative;
}

.ce-comment-body,
.ce-comment-body *,
.ce-forum-post-body,
.ce-forum-post-body *,
.ce-forum-post-title {
user-select: text !important;
cursor: auto;
}





.textfont a, a.ce-time-link span, .textfont a * {
cursor: pointer !important;
}

a.real.button {
    border: solid 1px var(--border);
text-decoration: none;
    font-family: title, sans-serif;
    letter-spacing: 0.03em;
text-align: center;
margin-bottom: 29px;
}

a.ce-designer-link {
font-weight: bold;
text-decoration: none;
font-size: 105%;
}

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

.ce-forum-post-title::selection,
.ce-comment-body::selection,
.ce-comment-body *::selection,
.ce-forum-post-body::selection,
.ce-forum-post-body *::selection {
    background: #f1d974;
user-select: text !important;
cursor: auto;
}


.ce-author {
	font-size: .9rem;
	font-weight: 700;
	text-transform: none;
}
.ce-date {
	color: var(--embossed);
	text-transform: none;
transition: color 500ms;
}

.ce-post-designers:hover .ce-date {
	color: var(--text);
}

.ce-reply-target {

	color: var(--embossed);
}

.ce-name {
text-transform: capitalize;
font-size: 105%;
font-weight: bold;
color: var(--text) !important;
}

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

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

/* Zusatz hinter dem Namen: (Mitglied), (Gast), (Jury), (Admin). Steht
   ausserhalb des Namenslinks und bleibt beim Ueberfahren unverlinkt. */
.ce-name-status {
color: var(--embossed);
font-size: 95%;
font-weight: normal;
text-transform: none;
transition: color 500ms;
}

.ce-forum-post-meta:hover .ce-name-status,
.ce-forum-post-meta:hover .ce-date {
color: var(--text);
transition: color 0ms;
}

/* Zeitangabe als Permalink – optisch unverändert. */
.ce-time-link {
color: inherit;
text-decoration: none !important;
}
.ce-time-link:hover span {
text-decoration: underline;
}


.covo-invite-wrap {
margin-bottom: 27px;
}

.covo-invite-notice {
display: none;
}

.covo-invite-submit {
margin-bottom: 12px !important;
}



/* 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-forum-submission-nav {
	display: grid;
grid-template-columns: 1fr 1fr;
	column-gap: 26px;
padding-right: 2px;
}

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

.ce-forum-cancel-save-edit {
	display: grid;
grid-template-columns: 1fr 1fr;
	column-gap: 18px;
padding-right: 2px;
padding-bottom: 2px;
margin-bottom: 5px;
margin-top: 9px;
}

.ce-comment-actions, .ce-forum-post-actions {
margin-bottom: 2px;
	display: flex;
	column-gap: 12px;
	row-gap: 12px;
padding-right: 2px;
}

.ce-comment-actions button {
width: auto !important;
}

.ce-forum-post .ce-forum-post-actions {
margin-bottom: -3px;
}

.ce-forum-save-edit-btn, .ce-forum-cancel-edit-btn {
margin-top: 6px;
}


.ce-feed-permalink {
display: none;
}

.ce-forum button.ce-forum-permalink-btn {
font-size: 18px !important;
padding: 10px 16px !important;
letter-spacing: 0.05em !important;
margin-bottom: -2px;
margin-top: 16px;
    background: #d0d1d1b5;
    box-shadow: 2px 2px 0 var(--shadow), inset 1px 1px 0 rgb(255 255 255 / 80%);
    text-shadow: 1px 1px 0 rgb(255 255 255);
    margin-left: auto;

}


.ce-comment-actions button:hover {

}


.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;
box-shadow: none;
}



.ce-comment .ce-react-btn, .ce-forum-post .ce-react-btn {
width: 75px !important;
}

.ce-forum-post .ce-react-btn:hover {
    background: #0000001a;
}

.ce-reply-btn, .ce-edit-btn, .ce-delete-btn { opacity: 0; transition: opacity .8s ease; } .ce-comment:hover:not(:has(.ce-comment:hover)) > .ce-comment-actions .ce-reply-btn, .ce-comment:hover:not(:has(.ce-comment:hover)) > .ce-comment-actions .ce-edit-btn, .ce-comment:hover:not(:has(.ce-comment:hover)) > .ce-comment-actions .ce-delete-btn { opacity: 1; transition: opacity .8s ease; }


.ce-react-btn.ce-active {
	color: #1a73e8;
}
.ce-comment.ce-highlight, .ce-forum-post.ce-highlight {
	transition: background .4s ease;
	border-radius: 6px;
}

.ce-comment.ce-highlight, .ce-forum-post.ce-highlight {
	animation: ce-highlight-pulse 850ms ease-in-out 3;

	background: var(--bgr3);
	outline: solid 5px #ffffff00;
}

@keyframes ce-highlight-pulse {
	0%, 100% {
		background: var(--bgr3);
		outline: solid 0px #ffffff26;
	}
	50% {
    background: #ddd4aa;
    outline: solid 4px #ffd50078;
	}
}

.ce-edit-btn {
order: 2;
}

.ce-delete-btn {
order: 3;
}

.ce-reply-btn {
order: 3;
}

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

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

}
.ce-toggle-replies:hover {

}

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

.ce-textarea {
font-size: 18px;
padding: 16px 20px;
box-sizing: border-box;
overflow: hidden;
resize: none;
cursor: auto;
}

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

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

/* [ce_community]-Shortcode: zwei Spalten, unter der Breakpoint-Breite
   untereinander. */
.ce-community {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
}
.ce-community-col {
	flex: 1 1 320px;
	min-width: 0;
}
.ce-community-heading {
	font-size: 22px;
	margin-bottom: 16px;
}
.ce-community-item {
	margin-bottom: 24px;
}
.ce-community-title {
	font-weight: 700;
	text-decoration: none;
	display: block;
}
.ce-community-date {
	font-size: .8rem;
	color: #9aa0a6;
}
.ce-community-comment-author {
	font-weight: 700;
	margin-right: .4rem;
}
.ce-community-excerpt {
	margin: 4px 0 0;
}




.ce-forum * {
	text-align: left;
}
.ce-forum button {
	width: 100%;
	min-width: 0 !important;
	font-family: inherit;
	line-height: 1.2;
margin-bottom: 0;
text-align: center;
}


.ce-forum-col {
	min-width: 0;
}



/* =========================================================================
   Forum ([ce_community] / [ce_forum]) – zwei Spalten: Hauptspalte / Reaktionen
   ====================================================================== */


.ce-forum {
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 24px;
margin-bottom: 48px;
}






.ce-forum-heading {
	font-size: 22px;
	margin-bottom: 16px;
}

.covo-register-submit {
	overflow-wrap: anywhere;
line-height: 46px;
}





/* Spalte 2: Hauptinhalt */
.ce-forum-main-inner.ce-forum-loading {
	opacity: .5;
	transition: opacity 120ms;
}


.ce-forum-main-inner {
padding-right: 1px;
}





.ce-forum-form-slot form {
    padding-bottom: 13px;
}

.ce-editing .ce-forum-cancel-save-edit button {
text-align: center;
}



.ce-feed-post *::selection {
    background: #ffe887;
}

.ce-forum-post-body *::selection {
    background: #ffe887;
}


.ce-forum-post-title, .ce-feed-title {
	font-size: 34px;
font-weight: bold;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 1px;
line-height: 1.2 !important;
display: block;
}

.ce-feed-title {
margin-top: -6px;
}

.ce-forum-post-body, .ce-alert-item, .ce-comment-body {
    overflow-wrap: break-word;
    word-break: break-word;
}



.ce-forum-post-body, .ce-feed-excerpt {
	font-size: 18px;
	line-height: 1.4;
user-select: text !important;
cursor: auto;
margin: 0 2px;
margin-bottom: 0;
}

.ce-forum p {
    margin-top: 10px;
}

.ce-forum p strong, .ce-forum p b {
    font-size: 105%;
}


.ce-forum-post-actions {
	overflow: hidden;
	margin-top: 24px;
}
.ce-forum-post-actions button {
	margin-right: 12px;
	margin-bottom: 6px;
}
.ce-forum-post.ce-editing .ce-forum-post-title,
.ce-forum-post.ce-editing .ce-forum-post-body,
.ce-forum-post.ce-editing .ce-forum-post-actions,
.ce-forum-post.ce-editing .ce-forum-post-meta
 {
	display: none;
}




/* Formular: neues Thema + Beitrag bearbeiten */


.ce-forum-edit-form {
margin-top: 0;
}


.ce-forum-form,
.ce-forum-edit-form {
	overflow: hidden;
}
.ce-forum-form .inputborder,
.ce-forum-edit-form .inputborder {
	margin-bottom: 22px;
    margin-right: 2px;
}
.ce-forum-title,
.ce-forum-edit-title {
	width: 100%;
	box-sizing: border-box;
	font-size: 20px;
	padding: 14px 20px !important;
    font-family: text, title, sans-serif !important;
    letter-spacing: 0em !important;
font-size: 24px !important;
font-weight: bold !important;
text-align: left !important;
}
.ce-forum-form textarea,
.ce-forum-edit-form textarea {
	width: 100%;
	box-sizing: border-box;
}
.ce-forum-form .ce-submit-btn, .ce-cancel-reply-btn, .ce-submit-btn,
.ce-forum-edit-form button, .ce-forum-new button.ce-submit-btn {
	margin-right: 12px;
	margin-bottom: 6px;
text-align: center;
width: 100% !important;
height: 50px;
}


.ce-forum-new button.ce-submit-btn {
margin-top: 1px;
}

.ce-forum button.ce-submit-btn, .ce-wrap button.ce-submit-btn {
padding: 14px 20px !important;
font-size: 18px;
    height: 50px;
    width: 100% !important;
}


/* Der Kommentarbereich sitzt im Forum direkt unter dem Beitrag – der große
   Vorabstand der Einzelseite passt dort nicht. */
.ce-forum .ce-wrap {
	margin-top: 24px;
}
.ce-forum .ce-list {
	margin-top: 24px;
}

/* Reaktionsliste in Spalte 3: schmaler als unter dem Thread. */
.ce-forum-col-alerts .ce-alerts h2 {
	font-size: 22px !important;
	margin-top: 0 !important;
	margin-bottom: 16px !important;
	text-align: left !important;
}
.ce-forum-col-alerts .ce-alert-item {

}

/* Sentinel der Reaktionsliste: unsichtbarer Auslöser fürs Nachladen, wird nur
   beim Laden sichtbar (wie im Feed). */
.ce-alerts-sentinel {
	height: 1px;
}
.ce-alerts-sentinel.ce-feed-loading {
	height: auto;
	padding: 12px 0 24px;
	color: var(--embossed);
	font-size: .9rem;
}
.ce-alerts-sentinel.ce-feed-loading::after {
	content: "Lädt…";
}

/* =========================================================================
   Neuigkeiten-Feed in der Mittelspalte (Forum + Galerie)
   ====================================================================== */

.ce-feed {
	margin-top: 0;
	overflow: hidden;
}
.ce-feed-list {
	overflow: hidden;
padding-right: 2px;
}




.ce-forum-post, .ce-editing.ce-feed-post,  .ce-feed-item {
border-radius: 5px;
background: var(--bgr3);
    box-shadow: 1px 1px 0 var(--highlight), inset 2px 2px 0 var(--shadow);
border: solid 1px var(--border);
margin-top: 0;
    margin-bottom: 8px;
    padding: 18px;
    font-size: 18px !important;
    line-height: 1.3;
    height: auto;
    text-overflow: auto;
    white-space: normal;
    padding-bottom: 17px;
}

.ce-forum-post.ce-editing {
    padding-bottom: 6px;
}

.ce-feed-item {
	border: solid 1px var(--border) !important;
	background: var(--bgr3);
	box-shadow: 1px 1px 0 var(--highlight), inset 2px 2px 0 var(--shadow);
text-decoration: none !important;
 margin-bottom: 24px;
margin-top: -1px;
margin-left: -1px;
}



.ce-feed-excerpt > p {
	margin: 0 0 10px;
}
.ce-feed-excerpt > p:last-child {
	margin-bottom: 0;
}


.ce-feed-post {
    border: solid 1px rgb(0 0 0 / 27%);
    background: #ffffff;
    box-shadow: 1px 1px 0 var(--highlight), inset 2px 2px 0 var(--shadow);
    padding-bottom: 14px;
}






.ce-feed-thumb {
	display: block;
margin: 0 0px 18px;
margin-bottom: 24px;
    padding: 2px 1px;
padding-right: 0;
}

.ce-feed-thumb img, .ce-media img, .ce-forum-post-body img {
box-shadow: 1px 1px 0 var(--highlight), -1px -1px 0 var(--border);
background: #00000008;
}

.ce-feed-post .ce-media img {
box-shadow: none;
background: #fff;
}



.ce-feed-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.ce-feed-item .ce-name {
    font-weight: normal;
}

.ce-feed-item:hover .ce-feed-title {
}



.ce-feed-meta, .ce-forum-post-meta {
	display: flex;
	gap: .5rem;
	align-items: baseline;
	flex-wrap: wrap;
	margin-bottom: 8px;
margin-left: 2px;
}

.ce-feed-item .ce-feed-meta .ce-name {
font-weight: bold;
margin-bottom: 10px;
}




.ce-feed-excerpt {
	display: block;
}

/* Sentinel: unsichtbarer Auslöser fürs Nachladen, wird nur beim Laden
   sichtbar. */
.ce-feed-sentinel {
	height: 1px;
}
.ce-feed-sentinel.ce-feed-loading {
	height: auto;
	padding: 12px 0 24px;
	color: var(--embossed);
	font-size: .9rem;
}
.ce-feed-sentinel.ce-feed-loading::after {
	content: "Lädt…";
}

/* Galerie-Beitrag als Kopf der Mittelspalte (Titel + Bild + Auszug). */
.ce-feed-post-thumb {
    margin: 0 0;
}
.ce-feed-post-thumb .ce-feed-img {
	border-radius: 4px;
}

/* Medien eines Beitrags: alle Bilder/Videos untereinander. Die Höhe richtet
   sich nach dem jeweiligen Medium – kein fester Rahmen, damit Hoch- und
   Querformate unbeschnitten bleiben. */



.ce-media {
	position: relative;
    margin: -20px -18px;
    padding: 4px 19px;
    border-bottom: 1px solid #b4b4b4;
    box-shadow: 0px 1px 0 #ffffff54;
    margin-bottom: 14px;
}

.ce-feed-post .ce-media {
    border-bottom: none;
    box-shadow: 0px 1px 0 #e7e7e7;
}



.ce-media-item {
	display: block;
	position: relative;
	margin: 0 0 14px;
	padding: 0;
}
/* Der Abstand gehört zwischen die Medien, nicht ans Ende des Stapels. */
.ce-media-item:last-child {

}
.ce-media-img,
.ce-media-video {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}

/* Play-Zeichen über Videos MIT Tonspur. Anders als früher ein echter Button:
   der Klick startet das Video, blendet die native Steuerleiste ein und
   entfernt das Zeichen (startMediaVideo() in comment-enhancer.js). Videos
   ohne Tonspur laufen stumm von selbst und bekommen keins.

   Der Button liegt über der GANZEN Videofläche, damit der erste Klick
   überall sitzt. Sichtbar ist davon nur der Kreis in der Mitte (::before)
   mit dem Dreieck darin (::after). */
.ce-media-play {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: transparent;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
/* Schwarzer Kreis als Hintergrund des Dreiecks. */
.ce-media-play::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .55);
}
/* Das Dreieck sitzt drei Pixel rechts der geometrischen Mitte – sonst wirkt
   es im Kreis nach links verrutscht. */
.ce-media-play::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -7px;
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent #fff;
}
/* Designer-Zeile unter dem Titel eines Galerie-Beitrags (Custom Fields
   Designer/Designer2/Designer3, verlinkt über Link/Link2/Link3). */
.ce-post-designers {
	margin: 0 2px 17px;
	font-size: 18px;
	line-height: 1.4;
margin-bottom: 6px;
}




.ce-feed-permalink {
	margin-top: 12px;
	margin-bottom: 6px;
	font-size: 18px;
}


/* Mail-Benachrichtigung bei Antworten (rechte Spalte). Reihe sich in die
   übrigen Buttons der Spalte ein, ohne deren Sonderabstände zu erben. */
.ce-forum-col-alerts .ce-mail-toggle.button {
	width: 100% !important;
	margin-bottom: 24px;
	text-align: left;
}


.ce-forum-col-alerts {
padding-bottom: 0;
}

.ce-mail-toggle span {
float: right;

}


.ce-forum-col-alerts .ce-mail-toggle.button:not(.active) {

}
.ce-forum-col-alerts .ce-mail-toggle.button[disabled] {
	pointer-events: none;

}

.ce-forum button.ce-forum-home-btn, .ce-forum button.ce-forum-new-btn, .covo-btn-abstain.button, .ce-forum-col-alerts .ce-mail-toggle.button,  .ce-forum .covo-cancel-submit {
    width: 100% !important;
    margin-bottom: 28px !important;
    padding: 11px 19px;
}


.covo-cancel-wrap .covo-cancel-notice {
margin-bottom: 24px !important;
}

.ce-forum-col-alerts .ce-mail-toggle.button {
margin-bottom: 15px !important;
}

.ce-forum-col-alerts .ce-mail-toggle.button {
margin-bottom: 27px !important;
}

.ce-member-options {
margin-top: auto;
padding-left: 1px;
margin-right: -1px;
    padding-top: 0;
}


/* =========================================================================
   Bild-Upload (Forum-Formulare) + Bilder am Beitrag
   ====================================================================== */

/* Bilder am Beitrag: gleiche Darstellung wie die Vorschau im Feed. */
.ce-forum-post-images {
	margin-top: 6px;
}
.ce-forum-post.ce-editing .ce-forum-post-images {
	display: none;
}

/* Medien am Forum-Thema (wie bei den Einreichungen). Beim Bearbeiten
   übernimmt die Medienleiste des Formulars. */
.ce-forum-post.ce-editing > .ce-media {
	display: none;
}

/* Bild am Kommentar. Steht im .ce-comment-body und wird deshalb beim
   Bearbeiten automatisch mit ausgeblendet – dort zeigt die Upload-Leiste
   dasselbe Bild. Schmaler als am Beitrag: ein Kommentar soll nicht auf
   Beitragsbreite aufgehen. */
.ce-comment-images {
	margin-top: 6px;
}

/* Solange das Hauptformular eingeklappt ist, gehört die Upload-Leiste nicht
   dorthin – genau wie der Veröffentlichen-Button. */
.ce-form-collapsed .ce-upload {
	display: none;
}

/* Im Kommentarbereich fällt dieselbe Leiste kompakter aus: die große
   Ablagefläche des Forum-Formulars (120 px hoher Button auf voller Breite)
   wäre unter jedem Kommentarfeld zu wuchtig. Zwei Klassen plus Kontext,
   damit die Regel gegen .ce-upload-btn.button gewinnt. */
.ce-wrap .ce-upload-btn.button {
    height: 50px;
    width: 100% !important;
    margin-bottom: 12px;
}
.ce-wrap .ce-upload-list {

}


.ce-upload {
overflow: hidden;
margin-bottom: 12px;
padding-right: 2px;
}

.ce-forum-edit-form .ce-upload, .ce-editing .ce-upload {
margin-bottom: -8px;
}

.ce-editing .ce-upload {
margin-top: 22px;
}






.ce-form .ce-upload {
margin-top: 3px;
}



.ce-einreichung .ce-upload-list {
    margin-top: 13px;
}



.ce-upload-btn.button {
    font-size: 18px;
    padding: 6px 12px;
    height: auto;
    letter-spacing: 0.04em !important;
    margin-right: 12px;
    margin-bottom: 6px;
    width: 100% !important;
    text-align: center;
    height: 120px;
}
/* Ist das Bildmaximum erreicht, wird der Button versteckt (hidden-Attribut
   aus renderUploadList). Ohne !important gewänne die display-Angabe der
   .button-Regel des Themes gegen [hidden]. */
.ce-upload-btn[hidden] {
	display: none !important;
}
.ce-upload-msg {
	float: left;
	line-height: 2.2;
	font-size: .85rem;
	color: var(--embossed);
display: none;
}
.ce-upload.ce-uploading .ce-upload-msg {
	color: var(--text);
}
.ce-upload .ce-upload-input {
	display: none !important;
}
.ce-upload-list {
	clear: both;
	padding-top: 0;
    margin-bottom: 0;
    margin-top: 12px;
}


.ce-upload-item {
	position: relative;
	line-height: 0;
display: inline-block;
margin-bottom: 6px;
margin-top: 0px;
}
.ce-upload-item img {
    display: inline-block;
    max-width: calc(100% - 2px);
    height: auto;
    margin-bottom: 6px;
    border-radius: 6px;
    width: unset;
}
/* Zwei Klassen, damit die Regel gegen .ce-forum button (width: auto
   !important) gewinnt – die hat eine Klasse plus ein Element. */
.ce-upload .ce-upload-remove {
	position: absolute;
	top: 0px;
	right: 2px;
	width: 30px !important;
	min-width: 0 !important;
	height: 30px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 5px;
	background: #e02020 !important;
	color: #fff !important;
	font-size: 28px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	float: none !important;
	margin: 0 !important;
text-shadow: none;
}

/* Textfeld als Ablagefläche. */
.ce-textarea.ce-dragover {
	outline: dashed 2px var(--embossed);
	outline-offset: -4px;
}

@media (max-width: 555px) {
    .button {
        line-height: 56px;
        height: 49px;
    }
}


@media (max-width: 555px) {
    .button {
        line-height: 1.3;
        height: auto;
    }
a.real.button {
line-height: 46px;
    height: 49px;
}
}

/* =========================================================================
   Medienleiste der Forum-Themen (Uploadfortschritt, Videokacheln,
   Ton-Schalter). Die Klassennamen ce-submission-* stammen noch aus der
   entfernten Einreichung – das JS (setupMediaUploader) setzt sie weiter.
   ====================================================================== */

/* Fortschritt des Uploads. Ohne ihn stünde bei einem großen Video minuten-
   lang nichts als "Lädt hoch…" da. */
.ce-upload-progress {
	clear: both;
	height: 6px;
	margin-bottom: 12px;
	border-radius: 3px;
	overflow: hidden;
	background: var(--embossed, #dcdcde);
}
.ce-upload-progress[hidden] {
	display: none !important;
}
.ce-upload-progress-bar {
	height: 100%;
	width: 0;
	background: var(--text, #2271b1);
	transition: width .15s linear;
}

/* Videokachel in der Medienleiste – gleiche Maße wie die Bildvorschau. */

.ce-submission-media {
    margin-top: 12px;
margin-bottom: 0;
}



.ce-submission-media-item {
	position: relative;
}
.ce-submission-media-video {
	display: inline-block;
	max-width: calc(100% - 2px);
	height: auto;
	margin-bottom: 6px;
	border-radius: 6px;
	width: unset;
	background: #000;
}
/* Play-Button über der Video-Vorschau in der Uploadleiste. Er steht nur
   über Videos, die im Beitrag still stehen bleiben – die mit abgewähltem
   Ton (und die ohne Tonspur) laufen schon in der Vorschau von selbst und
   brauchen keinen. Der Klick startet die Vorschau über denselben Handler
   wie im Beitrag (startMediaVideo()).

   Zwei Klassen und !important wie beim Entfernen-Kreuz, sonst gewinnt
   .ce-forum button (width: auto !important) und der Kreis fällt zusammen.

   -29px oben statt -26px: das Video trägt margin-bottom: 6px, seine Mitte
   liegt also drei Pixel über der Mitte des Rahmens. */
.ce-upload .ce-submission-media-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 52px !important;
	min-width: 0 !important;
	height: 52px;
	margin: -29px 0 0 -26px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50%;
	background: rgba(0, 0, 0, .55) !important;
	cursor: pointer;
	float: none !important;
}
.ce-upload .ce-submission-media-play::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -5px;
	border-style: solid;
	border-width: 9px 0 9px 16px;
	border-color: transparent transparent transparent #fff;
}

/* Ton-Schalter am Video in der Uploadleiste. Gegenstück zum "Video"-Badge:
   gleiche Optik, gespiegelt auf die rechte Seite – nur eben klickbar. Zwei
   Klassen wie beim Entfernen-Kreuz, damit die Regel gegen
   .ce-forum button (width: auto !important) gewinnt. */
.ce-upload .ce-media-mute-btn {
    position: absolute;
    right: 33px;
    top: 0px;
    height: auto;
    border-radius: 4px;
    font-size: 12px;
    line-height: 2;
    cursor: pointer;
    text-shadow: none;
    max-width: calc(100% - 16px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto !important;
    min-width: 0px !important;
    padding: 3px 11px !important;
    border: 0px !important;
    background: #32781e !important;
    color: #fff !important;
    float: none !important;
    margin: 0px !important;
    font-weight: bold;
}
/* Stumm geschaltet: durchgestrichen statt eines zweiten Symbols – der Text
   sagt bereits, was Sache ist. */
.ce-upload .ce-media-mute-btn.is-muted {
background: #2f68da !important;
}
.ce-upload .ce-media-mute-btn[disabled] {
	opacity: .6;
	cursor: default;
}



/* ======================================================================
   Gäste (anonyme Schreiber)

   Der Feldblock steht in jedem Gast-Formular direkt über dem
   Absenden-Button: eine Zeile mit Vorname, Nachname und Webseite – drei
   gleich breite Felder. Die Felder erben Rahmen und Typografie von
   .inputborder, hier steht nur das Raster.
   ====================================================================== */

.ce-guest-fields {
	margin-bottom: 0;
	padding-right: 2px;
}

.ce-guest-fields input.ce-guest-remember {
	width: auto;
	flex: none;
	margin: 0;
}

input[type=checkbox].ce-guest-remember { position: static !important; border: solid 1px #fff !important; }



.ce-reply-form-slot .ce-guest-fields {
margin-top: -11px;
}

.ce-guest-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px;
}

/* Der Abstand sitzt an der Zeile, nicht am Feld – sonst addiert er sich
   mit dem margin-bottom, das .inputborder in den Formularen ohnehin hat. */
.ce-guest-fields .inputborder {
	margin-bottom: 0;
	margin-right: 0;
}

/* Solange das Hauptformular eingeklappt ist, steht dort nur das flache
   Eingabefeld. Vorname, Nachname und Webseite kommen mit dem ersten Klick
   in die Textarea dazu (expandForm() nimmt .ce-form-collapsed ab).
   Antwort-, Themen- und Einreichungsformulare sind ohnehin erst nach einem
   bewussten Klick offen und zeigen die Felder sofort. */
.ce-form-collapsed .ce-guest-fields {
	display: none;
}

/* Wer dem Merken zugestimmt hat, muss Name/Webseite nicht bei jedem
   Formular neu eingeben – das JS blendet den Block bei Bedarf (leere
   Pflichtfelder) automatisch wieder ein, der Link direkt darunter jederzeit
   von Hand (das Häkchen steckt selbst im Block und wäre sonst nach dem
   Einklappen nicht mehr erreichbar). */
.ce-guest-fields[data-collapsed="1"] {
	display: none;
}

.ce-guest-edit-link {
	display: none;
	margin: 0 0 12px;
	padding: 0;
	background: none;
	border: none;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}

/* :not(.ce-form-collapsed) statt einer zweiten Regel für den eingeklappten
   Zustand des ganzen Formulars – sonst müsste die Spezifität gegen die
   data-collapsed-Regel unten austariert werden. */
.ce-form:not(.ce-form-collapsed) .ce-guest-fields[data-collapsed="1"] + .ce-guest-edit-link {
	display: inline-block;

display: none;
}

.ce-guest-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px;
}

/* Der Abstand sitzt an der Zeile, nicht am Feld – sonst addiert er sich
   mit dem margin-bottom, das .inputborder in den Formularen ohnehin hat. */
.ce-guest-fields .inputborder {
	margin-bottom: 12px;
	margin-right: 0;
}

.ce-guest-fields input {
	width: 100%;
	box-sizing: border-box;
}

/* Datenschutzhinweis unter den Feldern. */
.ce-guest-notice, .ce-comment-pending-note {
    margin: 0 0 22px;

    line-height: 1.4;
    text-align: center;
    margin-top: 11px;
}

/* Der Hinweis ist zugleich die Beschriftung des Häkchens, mit dem der Gast
   dem Merken seiner Eingaben zustimmt. */
label.ce-guest-notice {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
}

.ce-forum-form .ce-guest-notice {
margin-top: 2px;
}

/* .ce-guest-fields input steht auf width:100% – das gilt für die Textfelder,
   nicht für das Kästchen. */
.ce-guest-fields input.ce-guest-remember {
	width: auto;
	flex: none;
	margin: 0;
}



/* Auf schmalen Spalten stehen drei Felder nebeneinander zu eng. */
@media (max-width: 600px) {
	.ce-guest-row {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

/* Eigener, noch nicht freigeschalteter Kommentar eines Gastes. Nur er
   selbst sieht ihn (Cookie-Zuordnung, siehe CE_Guest) – die gedämpfte
   Darstellung macht klar, dass er noch nicht öffentlich ist. */
.ce-comment-pending {
	opacity: 1;
}

.ce-comment-pending-note {
	margin: 8px 0 0;
	line-height: 1.4;
}


/* Edit-Button für WP-User/Admins. Schmale Pille, mittig über allem – nicht
   als Leiste über die volle Breite, die läge sonst auch über den beiden
   Seitenspalten. */
.ce-post-edit-link {
	position: fixed;
	bottom: 16px;
	right: 16px;
	z-index: 999;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 12px 18px;
	background: #000 !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 13px;
	line-height: 1.3;
	font-weight: normal;
	text-shadow: none !important;
	border: 0;
	border-radius: 999px;
	white-space: nowrap;
	transition: background-color 0.2s;
}
.ce-post-edit-link:hover {
	background: #222 !important;
}

/* Suchformular über dem Feed. Steht in .ce-forum-submission-nav (ein
   dreispaltiges Grid) und läuft deshalb über alle Spalten – die Buttons
   darüber behalten ihre Aufteilung. Die dritte Spalte bleibt leer, solange
   nicht gesucht wird; dann fehlt der Zurücksetzen-Link. */
.ce-forum-searchx {
    display: block;
    padding: 0 10px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    color: var(--text);
    background: var(--bgr1);
    border-radius: 5px;
    border: solid 1px var(--border);
    box-shadow: 2px 2px 0 var(--shadow), inset 1px 1px 0 var(--highlight);
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2;
    position: relative;
	grid-column: 1 / -1;
	//display: grid;
	//grid-template-columns: 1fr auto auto;
	align-items: center;
	column-gap: 12px;
	padding: 0 2px 12px 0;
	margin-bottom: 0px;
	margin-bottom: -8px;
padding: 18px;
    height: auto;
    margin-bottom: 24px;
    padding-right: 20px;
    padding-bottom: 20px;
    background: var(--bgr2);
    box-shadow: 1px 1px 0 var(--highlight), inset 1px 1px 0 var(--highlight);
    position: relative;
    top: 1px !important;
    left: 1px !important;
    overflow: hidden;
}

.ce-forum-search {
margin-bottom: 28px;
	grid-column: 1 / -1;
padding-right: 3px;
}

.ce-forum-search .inputborder {
margin-bottom: 0;
}

.ce-forum-search[hidden] {
	display: none;
}


.ce-forum input[type=password], .ce-forum input[type=text], .ce-forum input[type=email], .ce-forum input[type=number], .ce-forum input[type=url], select
 {
    font-family: 'Text', sans-serif;
    font-size: 18px;
    letter-spacing: 0;
padding: 11px 20px;
padding-bottom: 12px;
text-align: left;
text-align: center;
cursor: text;
}


input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; /* Hebt das native Styling auf */
    display: none;
}


.ce-forum-search-reset {
	text-decoration: none;
	font-size: 20px;
	line-height: 1;
	padding: 0 4px;
	opacity: .55;
display: none;
}
.ce-forum-search-reset:hover {
	opacity: 1;
}

/* Absätze im Kommentartext. render_content() geht seit wpautop() den
   WordPress-Weg: eine Leerzeile wird zum <p> statt zu zwei <br>. Ohne diese
   Regel griffe .ce-forum p (margin-top: 10px) und schöbe schon den ersten
   Absatz von der Kopfzeile weg. */
.ce-comment-body > p {
	margin: 0 0 10px;
}
.ce-comment-body > p:last-child {
	margin-bottom: 0;
}
/* Gleiches Spiel im Beitragstext: der erste Absatz beginnt oben bündig. */
.ce-forum-post-body > p:first-child {
	margin-top: 0;
}

.ce-forum figure {
margin: 16px 0;
}

.ce-forum figcaption {
font-size: 16px;
margin: 16px 0;
}

.ce-forum button.ce-forum-search-btn {
	padding: 8px 16px;
	margin-bottom: 0 !important;
	font-size: 14px;
	white-space: nowrap;
display: none;
}

.ce-forum-search-reset {
	text-decoration: none;
	font-size: 20px;
	line-height: 1;
	padding: 0 4px;
	opacity: .55;
}
.ce-forum-search-reset:hover {
	opacity: 1;
}

.ce-comment-body > p {
	margin: 0 0 10px;
}
.ce-comment-body > p:last-child {
	margin-bottom: 0;
}
.ce-forum-post-body > p:first-child {
	margin-top: 0;
}


/* Kurze Meldung für Gäste beim Klick auf einen Bewertungs-Button
   ("Nur für Mitglieder"). Fix mittig über der Seite, nicht anklickbar –
   sie blinkt dreimal und ist nach 900 ms wieder weg (Dauer identisch mit
   dem Timer in comment-enhancer.js).
   Optik wie .ce-post-edit-link, damit es nicht nach Fremdkörper aussieht. */
.ce-float-msg {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	pointer-events: none;
	max-width: calc(100vw - 32px);
	padding: 22px 28px;
	background: red;
	color: #fff;
	font-size: 16px;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	border: 0;
	border-radius: 8px;
	white-space: nowrap;
	opacity: 0;
}

.ce-float-msg.is-visible {
	opacity: 1;
}


/* Wer Bewegung reduziert haben will, bekommt die Meldung ruhig stehend. */
@media (prefers-reduced-motion: reduce) {
	.ce-float-msg.is-visible {
		animation: none;
		opacity: 1;
	}
}