.kommentare-kopf{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.kommentare-kopf h2{margin:0;font-size:21px}.kommentare-kopf h2>.do-icon{color:#05477b;margin-right:6px}.kommentare-kopf>a{font-size:12px;font-weight:bold;padding:6px 10px;border:1px solid #d5dfe7;border-radius:3px}.kommentare-kopf>a:hover{background:#edf4fa;text-decoration:none}.kommentare-einstieg{font-size:13px;color:#64717d;margin:10px 0 20px}.kommentare-leer{padding:18px;border:1px dashed #c7d9e8;border-radius:4px;color:#64717d;font-size:13px}
.deal-kommentare .deal-kommentar{padding:18px;margin:14px 0;border:1px solid #dce2e8;border-radius:4px;background:#fff;scroll-margin-top:20px}.deal-kommentar header{gap:10px}.deal-kommentar header .kommentar-nutzer-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;background:#edf4fa;color:#05477b;font-size:20px}.kommentar-verfasser{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:1;min-width:0}.kommentar-verfasser strong{font-size:14px}.kommentar-zeit{margin-left:auto;text-align:right;color:#64717d;font-size:11px}.kommentar-zeit small{font-size:10px}.deal-kommentar>p{margin:14px 0;font-size:14px;line-height:1.6}
.kommentar-aktionen{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid #eef1f4;padding-top:10px}.kommentar-aktionen form{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px}.kommentar-aktionen .reaktion-meldung:empty{display:none}.kommentar-aktionen .danke-button,.kommentar-aktionen .kommentar-antwort{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 9px;font-size:12px;line-height:1.4;border:1px solid #d5dfe7;border-radius:3px;background:#f6f9fc;color:#05477b;text-decoration:none}.kommentar-aktionen .danke-button:hover,.kommentar-aktionen .kommentar-antwort:hover{background:#edf4fa;text-decoration:none}.kommentar-aktionen .do-icon{font-size:14px}.kommentar-bearbeiten summary{display:inline-block;padding:5px 0;font-size:12px}.kommentar-bearbeiten[open]{padding-top:6px}
.deal-kommentare #kommentar-formular{padding:22px;background:#f3f7fb;border:1px solid #d5e1ea;border-radius:4px;margin-top:24px}.deal-kommentare #kommentar-formular h3{margin:0 0 8px;font-size:19px}.kommentar-formular-hilfe{margin:0 0 16px;color:#64717d;font-size:13px}.deal-kommentare .kommentar-formular{max-width:none;width:100%}.deal-kommentare .kommentar-formular textarea{background:#fff;border-color:#bccbd7;min-height:120px}.deal-kommentare .kommentar-formular textarea:focus-visible{outline:2px solid #05477b;outline-offset:2px}.kommentar-absenden{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px}.kommentar-absenden small{margin:0;flex:1;font-size:12px;min-width:180px}.deal-kommentare .kommentar-formular button{background:#ca020d;color:#fff;margin-top:0}.deal-kommentare .kommentar-formular button:hover{background:#9b0009;color:#fff}.kommentar-bearbeiten .kommentar-formular button{margin-top:12px}.kommentar-gast{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.kommentar-gast .button{background:#ca020d;color:#fff}.kommentar-gast .button:hover{background:#9b0009}.kommentar-gast>a:not(.button){font-size:12px}#kommentar-formular blockquote{margin:12px 0;padding:12px;border-left:3px solid #05477b;background:#e7eff6;font-size:13px;color:#52616e}
@media(max-width:600px){.deal-kommentare .deal-kommentar{padding:14px}.kommentar-zeit{flex-basis:100%;margin-left:46px;text-align:left}.kommentare-kopf h2{font-size:19px}.deal-kommentare #kommentar-formular{padding:16px}.kommentar-absenden{align-items:stretch;flex-direction:column}.kommentar-absenden button{width:100%}.kommentar-gast{align-items:stretch;flex-direction:column}.kommentar-gast .button{text-align:center}}