/*
 * Kommentare im Steckbrief: zugeklappter Kasten mit Anzahl, darin wpDiscuz im Stil der Seite.
 * Die Regeln beginnen mit ".diskussion__inhalt #wpdcom", damit sie die wpDiscuz-Stile und das dort
 * eingetragene eigene CSS (etwa 52 px Abstand über dem Text) sicher übertreffen.
 */

.sbkommentare { padding-block:0 var(--s-8); }
.sbkommentare [id^="comment-"],.sbkommentare [id^="wpd-comm-"],.sbkommentare #wpdcom,#kommentare { scroll-margin-top:96px; }

/* ---------- Der Kasten ---------- */

.diskussion { max-width:calc(100% - var(--sb-tafel, 416px) - var(--sb-luecke, 48px));background:var(--paper);border:var(--line);border-radius:var(--r-lg); }
/* Zeichen | Titel und Zeile darunter | Knopf; die Überschrift steht direkt im summary. */
.diskussion__kopf { list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--s-4);row-gap:2px;padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);transition:background-color 120ms linear; }
.diskussion__kopf::-webkit-details-marker { display:none; }
.diskussion__kopf:hover { background:var(--stone-50); }
.diskussion__kopf:focus-visible { outline:2px solid var(--petrol-600);outline-offset:2px; }
.diskussion[open] > .diskussion__kopf { border-bottom:var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0; }
.diskussion__zeichen { grid-row:1 / span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-full);background:var(--petrol-50);color:var(--petrol-600); }
.diskussion__titel { grid-column:2;align-self:end;font-family:var(--font-display);font-weight:500;font-size:24px;line-height:30px;margin:0; }
.diskussion__info { grid-column:2;align-self:start;font-size:15px;line-height:22px;color:var(--petrol-700); }
.diskussion__knopf { grid-column:3;grid-row:1 / span 2;display:inline-flex;align-items:center;gap:var(--s-2);font-size:15px;line-height:22px;font-weight:600;color:var(--petrol-700); }
.diskussion__knopf::after { content:"+";display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--petrol-300);border-radius:var(--r-full);font-family:var(--font-text);font-weight:300;font-size:22px;line-height:1;color:var(--petrol-600); }
.diskussion[open] .diskussion__knopf::after { content:"–"; }
.diskussion__auf,.diskussion[open] .diskussion__zu { display:none; }
.diskussion[open] .diskussion__auf { display:inline; }
.diskussion__inhalt { padding:var(--s-2) var(--s-5) var(--s-5); }

@media (max-width:900px) {
	.diskussion { max-width:none; }
}
@media (max-width:640px) {
	.diskussion__kopf { column-gap:var(--s-3);padding:var(--s-4); }
	.diskussion__zeichen { width:40px;height:40px; }
	.diskussion__titel { font-size:20px;line-height:26px; }
	.diskussion__knopf { font-size:0;gap:0; }
	.diskussion__inhalt { padding:var(--s-2) var(--s-4) var(--s-4); }
}

/* ---------- wpDiscuz: Schrift und Farben der Seite ---------- */

.diskussion__inhalt .wp-block-comments { margin:0;padding:0;border:0;max-width:none; }
.diskussion__inhalt #comments.comments-area { margin:0;padding:0; }
.diskussion__inhalt #wpdcom { max-width:none;margin:0;padding:0;font-family:var(--font-text);color:var(--ink-950); }

/* Kopf mit Abonnieren und Anmelden */
.diskussion__inhalt #wpdcom .wpd-form-head { margin:var(--s-2) 0 var(--s-3);padding:0 0 var(--s-2);border-bottom:var(--line); }
.diskussion__inhalt #wpdcom .wpd-form-head .wpd-sbs-toggle,.diskussion__inhalt #wpdcom .wpd-form-head .wpd-login a { font-size:14px;color:var(--petrol-700); }

/* Eingabefeld */
.diskussion__inhalt #wpdcom .wpd-form .wpdiscuz-textarea-wrap { padding:0; }
.diskussion__inhalt #wpdcom .wpd-form .ql-container { border:1px solid var(--petrol-300);border-bottom:0;border-radius:var(--r-md) var(--r-md) 0 0;background:var(--paper);font-family:var(--font-text); }
.diskussion__inhalt #wpdcom .wpd-form .ql-editor { min-height:72px;padding:var(--s-3);font-family:var(--font-text);font-size:16px;line-height:24px;color:var(--ink-950); }
.diskussion__inhalt #wpdcom .wpd-form .ql-editor p { font-family:inherit;font-size:inherit;line-height:inherit; }
.diskussion__inhalt #wpdcom .wpd-form .ql-editor.ql-blank::before { left:var(--s-3);right:var(--s-3);font-style:normal;font-family:var(--font-text);font-size:16px;letter-spacing:normal;color:var(--petrol-500); }
.diskussion__inhalt #wpdcom .wpd-form .ql-toolbar { border:1px solid var(--petrol-300);border-top:var(--line);border-radius:0 0 var(--r-md) var(--r-md);background:var(--stone-50); }
.diskussion__inhalt #wpdcom .wpd-form .ql-toolbar button { font-size:14px; }
.diskussion__inhalt #wpdcom .wpd-form .ql-container:focus-within { border-color:var(--petrol-600);box-shadow:0 0 0 1px var(--petrol-600); }

/* Name, E-Mail, Absenden */
.diskussion__inhalt #wpdcom .wpd-form .wpd-form-foot { margin-top:var(--s-3); }
.diskussion__inhalt #wpdcom .wpd-form .wpdiscuz-item .wpd-field { font-family:var(--font-text);font-size:16px;line-height:24px;height:auto;padding:var(--s-2) var(--s-3) var(--s-2) 34px;border:1px solid var(--petrol-300);border-radius:var(--r-md);background:var(--paper);color:var(--ink-950); }
.diskussion__inhalt #wpdcom .wpd-form .wpdiscuz-item .wpd-field:focus { border-color:var(--petrol-600);box-shadow:0 0 0 1px var(--petrol-600);outline:0; }
.diskussion__inhalt #wpdcom .wpd-form .wpdiscuz-item .wpd-field-icon { top:13px;color:var(--petrol-500); }
.diskussion__inhalt #wpdcom .wpd-form .wc-field-submit { padding-top:var(--s-2); }
.diskussion__inhalt #wpdcom .wpd-form .wc-field-submit input[type="submit"],.diskussion__inhalt #wpdcom .wpd-form .wc-field-submit button { font-family:var(--font-text);font-size:16px;line-height:24px;font-weight:600;padding:var(--s-2) var(--s-5);border:1px solid var(--petrol-600);border-radius:var(--r-md);background:var(--petrol-600);color:var(--paper);cursor:pointer; }
.diskussion__inhalt #wpdcom .wpd-form .wc-field-submit input[type="submit"]:hover,.diskussion__inhalt #wpdcom .wpd-form .wc-field-submit button:hover { background:var(--petrol-700);border-color:var(--petrol-700); }
.diskussion__inhalt #wpdcom .wpd-form label,.diskussion__inhalt #wpdcom .wpd-form .wpd-field-checkbox { font-size:14px;line-height:20px;color:var(--petrol-800); }
/* Datenschutz-Häkchen: wpDiscuz hält die Zeile auf 25 px und schob den Knopf per 120 px Abstand darunter.
   Hier wächst die Zeile mit dem Text, der Knopf folgt ohne festen Abstand. */
.diskussion__inhalt #wpdcom .wpd-form .wpd-field-group,.diskussion__inhalt #wpdcom .wpd-form-row .wpd-field-group.wpd-field-single .wpd-field-group-title { height:auto; }
.diskussion__inhalt #wpdcom .wpd-form .wpd-field-agreement { margin:var(--s-3) 0 0; }
.diskussion__inhalt #wpdcom .wpd-form .wpd-field-agreement .wpd-item { display:flex;align-items:flex-start;gap:var(--s-2);width:100%; }
.diskussion__inhalt #wpdcom .wpd-form .wpd-field-agreement input[type="checkbox"] { flex:none;float:none;margin:3px 0 0; }
.diskussion__inhalt #wpdcom .wpd-form .wpd-field-agreement .wpd-item label.wpd-field-label { height:auto;font-weight:400; }
.diskussion__inhalt #wpdcom .wpd-form .wpd-field-agreement a { color:var(--petrol-700); }

/* Kopf der Liste: Anzahl und Sortierung */
.diskussion__inhalt #wpdcom .wpd-thread-head { margin-top:var(--s-5);border-bottom:var(--line); }
.diskussion__inhalt #wpdcom .wpd-thread-head .wpd-thread-info { font-family:var(--font-text);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--petrol-800);border-bottom:2px solid var(--petrol-600); }
.diskussion__inhalt #wpdcom .wpd-thread-head .wpd-thread-filter .wpd-filter { font-family:var(--font-text);font-size:14px;color:var(--petrol-700);border-bottom-color:transparent; }
.diskussion__inhalt #wpdcom .wpd-thread-head .wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button { font-family:var(--font-text);font-size:14px;color:var(--petrol-700); }

/* Ein Kommentar */
.diskussion__inhalt #wpdcom .wpd-thread-list { padding-top:0; }
.diskussion__inhalt #wpdcom .wpd-thread-list > .wpd-comment { padding-block:var(--s-4);border-bottom:var(--line); }
.diskussion__inhalt #wpdcom .wpd-thread-list > .wpd-comment:last-of-type { border-bottom:0; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-wrap { padding:0;margin:0; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-right { padding-bottom:0; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-header { display:flex;align-items:flex-start;padding:0; }
/* Ohne Profilbilder: wpDiscuz rückt den Namen am Handy trotzdem für ein Bild ein und zieht ihn 44 px hoch. */
.diskussion__inhalt #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info { flex:1;float:none;width:auto;margin:0; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-uinfo-top,.diskussion__inhalt #wpdcom .wpd-comment .wpd-uinfo-bottom { flex-wrap:wrap;align-items:center;gap:0 var(--s-2); }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-link { margin:0; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-author,.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-author a { font-family:var(--font-text);font-size:16px;line-height:22px;font-weight:600;color:var(--ink-950);text-decoration:none; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-label { margin-left:var(--s-2);padding:1px 8px;border:0;border-radius:var(--r-full);background:var(--petrol-600);color:var(--paper);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.04em; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-label span { color:inherit;padding:0;font-size:inherit;line-height:inherit; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-date,.diskussion__inhalt #wpdcom .wpd-comment .wpd-reply-to,.diskussion__inhalt #wpdcom .wpd-comment .wpd-reply-to a { font-size:14px;line-height:20px;color:var(--petrol-600); }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-text { margin:var(--s-2) 0 var(--s-2);padding:0;font-family:var(--font-text);font-size:16px;line-height:26px;color:var(--ink-950); }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-text p { margin:0 0 var(--s-2);font-size:inherit;line-height:inherit;max-width:68ch; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-text p:last-child { margin-bottom:0; }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-text a { color:var(--petrol-700); }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-footer { font-size:14px;color:var(--petrol-700); }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-footer .wpd-vote-up svg,.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-footer .wpd-vote-down svg { fill:var(--petrol-500); }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-footer .wpd-vote-result { font-size:14px;color:var(--petrol-800); }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-footer .wpd-reply-button { font-size:14px;font-weight:600;color:var(--petrol-700); }
.diskussion__inhalt #wpdcom .wpd-comment .wpd-comment-footer .wpd-reply-button svg { fill:var(--petrol-600); }

/* Antworten: eingerückt, heller Grund, Linie in Petrol */
.diskussion__inhalt #wpdcom .wpd-comment.wpd-reply { margin-top:var(--s-3); }
.diskussion__inhalt #wpdcom .wpd-comment.wpd-reply .wpd-comment-wrap { padding:var(--s-3) var(--s-4);border:1px solid var(--stone-200);border-radius:var(--r-md);background:var(--stone-50); }
.diskussion__inhalt #wpdcom .wpd-comment.wpd-reply .wpd-comment-text { font-size:15px;line-height:24px; }

@media (max-width:640px) {
	.diskussion__inhalt #wpdcom .wpd-comment.wpd-reply .wpd-comment-wrap { padding:var(--s-3); }
}

/* Mindestens 14 px auch in den Stilen von wpDiscuz */
#comments #wpdcom .wpd-comment-label,#respond #wpdcom .wpd-comment-label,#wpdcom .wpd-comment-label { font-size:14px; }
body #wpdcom .ql-toolbar button.ql-spoiler,body #wpdcom .ql-toolbar button.ql-sourcecode { font-size:14px; }
body #wpd-bubble-wrapper #wpd-bubble-all-comments-count { font-size:15px; }