:root {
    --comment-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath id='chat_FILL0_wght400_GRAD0_opsz48' d='M83.2-870.38h6.26v-1.2H83.2Zm0-2.6h9.6v-1.2H83.2Zm0-2.6h9.6v-1.2H83.2ZM80-864v-14.8a1.151,1.151,0,0,1,.36-.84,1.151,1.151,0,0,1,.84-.36H94.8a1.151,1.151,0,0,1,.84.36,1.152,1.152,0,0,1,.36.84v10.4a1.151,1.151,0,0,1-.36.84,1.151,1.151,0,0,1-.84.36H83.2Zm2.68-4.4H94.8v-10.4H81.2v12Zm-1.48,0v0Z' transform='translate(-80 880)' fill='%234d4d4d'/%3E%3C/svg%3E%0A") center left / 16px 16px no-repeat;
}

/*archiv view*/
.archiv-comment,
.archiv-comment-1 {
    display: inline-block;
}

.archiv-comment {
    white-space: nowrap;
}

:is(.archiv-comment, .archiv-comment-1)::before {
    content: "\0007C";
    content: "\0007C" / "";
    margin: 0 4px;
    display: inline-block;
}

/*singleview*/
.single-view-1-comment,
.single-view-2-comment,
.single-view-4-comment{
    padding-left: 20px;
    min-height: 18px;
    background: var(--comment-icon);
}

.single-view-comment,
.single-view-2-comment,
.news-date-publicized {
    display: inline-block;
}

.single-view-comment {
    position: absolute;
    right: 20px;
}

/*commentaries*/
.single-view-comment-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.single-view-1-commentary-intro p {
    word-break: break-word;
}

/*nachrichten single view 1*/
.single-comment-icon {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.single-comment time {
    display: block;
    font-size: 80%;
}

/*comment*/

#new-content {
    position: relative;
    width: 100%;
    height: 250px;
    resize: none;
    margin: 5px 0;
}

/*captcha*/
.captcha-comment .captcha_wrapper {
    max-width: 100%;
}

.captcha-comment .captcha_wrapper pre {
    border: transparent;
    background-color: transparent;
}

.captcha-comment .ascii-captcha-refresh {
    left: 300px;
    right: unset;
}

@media (max-width: 767px) {
    .captcha-comment .ascii-captcha-refresh {
        left: unset;
        right: 0;
        top: -30px;
    }
}

.captcha-comment-block {
    margin-top: 10px;
}

#recaptcha {
    position: relative;
    font-size: 20px;
    min-width: 100px;
}

/*input fields*/
.comment-form-error, 
.comment-form-error #recaptcha {
    border-color: #FF0000;
}
#form-news-comment :is(textarea, input:not(#recaptcha):not([type="checkbox"])) {
    padding: 7px 10px;
    margin: 5px 0 15px 0;
    width: 100%;
}

#form-news-comment label {
    font-weight: bolder;
    margin-right: 10px;
}

#form-news-comment .captcha-comment {
    margin-top: 5px;
}

#form-news-comment :is(input, textarea)::placeholder {
    font-style: italic;
}

/*checkbox*/
#comment-privacy {
    height: 25px;
    width: 25px;
    vertical-align: middle;
    bottom: 2px;
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
}

fieldset {
    border: none;
    padding-left: 0;
    margin-left: 0;
}

.comment-form-submit,
#single-view-1-comment-button {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    column-gap: 8px;
    margin: 20px 0;
}

.comment-form-submit,
#single-view-1-comment-button,
#show-more {
    border: none;
    border-radius: 2px;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
}

:is(.comment-form-submit, #single-view-1-comment-button, #show-more, .news-comment-filter-select):is(:hover, :focus) {
    text-decoration: underline;
}

p.comment {
    width: calc(100% - 90px);
}

.single-comment {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    word-break: break-word;
}

.single-comment-icon {
    flex-shrink: 0;
}

/*copy link button*/
.copy-link-button {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M720-80q-50 0-85-35t-35-85q0-7 1-14.5t3-13.5L322-392q-17 15-38 23.5t-44 8.5q-50 0-85-35t-35-85q0-50 35-85t85-35q23 0 44 8.5t38 23.5l282-164q-2-6-3-13.5t-1-14.5q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-23 0-44-8.5T638-672L356-508q2 6 3 13.5t1 14.5q0 7-1 14.5t-3 13.5l282 164q17-15 38-23.5t44-8.5q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-640q17 0 28.5-11.5T760-760q0-17-11.5-28.5T720-800q-17 0-28.5 11.5T680-760q0 17 11.5 28.5T720-720ZM240-440q17 0 28.5-11.5T280-480q0-17-11.5-28.5T240-520q-17 0-28.5 11.5T200-480q0 17 11.5 28.5T240-440Zm480 280q17 0 28.5-11.5T760-200q0-17-11.5-28.5T720-240q-17 0-28.5 11.5T680-200q0 17 11.5 28.5T720-160Zm0-600ZM240-480Zm480 280Z'/%3E%3C/svg%3E") center left / 16px 16px no-repeat;
    display: inline-block;
    margin-left: auto;
    margin-top: 5px;
    min-height: 18px;
    padding-left: 20px;
}

.copy-link-button:hover {
    cursor: pointer;
}

.copy-link {
    margin-left: auto;
}

.single-comment-divider {
    width: 100%;
}

.news-comment-filter .current {
    text-decoration: underline !important;
}

#news-comment-filter-headline {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M120-240v-80h240v80H120Zm0-200v-80h480v80H120Zm0-200v-80h720v80H120Z'/%3E%3C/svg%3E") center left / 20px 20px no-repeat;
    display: inline-block;
    min-height: 18px;
    padding-left: 23px;
}

.news-comment-filter {
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 25px;
}

.confirmed-copy-link.style-settings-all.hidden {
    display: none;
}

.confirmed-copy-link {
    display: inline-block;
    border-radius: 12px;
    position: absolute;
    left: calc(-100% - 155px);
    padding: 2px 6px;
    top: 50%;
    transform: translateY(-50%);
}

.copy-link-button {
    position: relative;
    border: none;
}

.comment-success {
    text-align: center;
    display: flex;
    justify-content: center;
}

.comment-success > strong {
    background-color: #78e878;
    border: 1px solid #1a821a;
    display: inline-block;
    padding: 5px 25px;
    margin-top: 10px;
}