#comment-wrap {
    display: flex;
    flex-wrap: wrap;

}

#comments {
    display: none;
}


.comment-respond {
    order: 0;
    width: 100%;
}

.commentlist {
    order: 1;
    width: 100%;
    gap: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: space-between;
    justify-content: flex-start;
}

.comment-notes {
    display: none;
}

#reply-title {
    display: none;
}

.comment-form-cookies-consent {
    display: none;
}


.kerze-wrapper .acf-input>ul {
    display: flex;
    gap: 20px;
}

.kerze-wrapper .acf-input>ul>li:focus {
    outline: none!important;
}

.acf-input {
    outline: none!important;
}

.comment-form-email {
    display: none;
}

.comment-form-url {
    display: none;
}

.acf-label {
    display: none;
}


.comment-form {
    display: flex;
    flex-wrap: wrap;
}

.acf-comment-fields {
    order: 0;
    width: 100%;
}

.comment-form-author {
    order: 1;
    width: 100%;
}

.comment-form-comment {
    order: 2;
    width: 100%;
}

.form-submit {
    order: 4;
}


input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none!important;
    appearance: none!important;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    border: none!important;
    /* Not removed via appearance */
    margin: 0;
  }



  input[type="radio"]:checked::before {
    opacity: 1;
  }

  .kerze-auswahl {
    border-radius: 100%;
  }


  .comment-body {
    display: flex;
    flex-direction: column;
    padding: 0!important;
  }

  .comment {
    width: 15%;
  }

  .comment_area {
    order: 0;
    
  }

  .comment_area > .comment-content {
    display: flex;
    flex-direction: column;
  }

  .comment_area > .comment-content > p {
    order: 1;
    text-align: center;
    font-size: 15px;
    font-weight: 400!important;
    line-height: 1.1em;
    padding: 0;
    padding-bottom: 5px;
    color: black;
  }

  .comment_area > .comment-content > .acf-field {
    order: 0;
  }

  .comment_postinfo {
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .comment_postinfo > .fn {
    font-weight: 400!important;
  }



  @media(max-width: 768px) {
    .comment {
        width: 45%;
      }
    
    .commentlist {
  
    justify-content: space-between;
}
  }