/** comments **/
.tbsuserinteractionform .addRatingField {
  width: 100%;
  padding: .3rem .6rem;
  margin: 0px;
  margin-top: 10px;
  border: 1px solid #aaa;
  border-radius: 3px;
  /*font-size: 18px;*/
}
.tbsuserinteractionform .addRatingFieldText {
  height: 150px;
}
.tbsuserinteractionform .formSubmitBtn {
  padding: .8rem .8rem;
  font-weight: bold;
}
.tbsuserinteractionform .addFormDatenschutz {
  padding: .3rem .6rem;
  margin-top: 10px;
}

#contactForm .contactformhiddenelement {
  display: none;
}

/** Bwertung Sterne */
.stars {
  cursor: pointer;
  display: flex;
}
.stars:hover .star polygon {
  fill: #ffd055 !important;
}
.stars .star polygon {
  fill: #d8d8d8;
}
.stars .star:hover ~ .star polygon {
  fill: #d8d8d8 !important;
}
.stars[data-stars] .star polygon {
  fill: #ffd055;
}
.stars[data-stars="1"] .star:nth-child(1) ~ .star polygon {
  fill: #d8d8d8;
}
.stars[data-stars="2"] .star:nth-child(2) ~ .star polygon {
  fill: #d8d8d8;
}
.stars[data-stars="3"] .star:nth-child(3) ~ .star polygon {
  fill: #d8d8d8;
}
.stars[data-stars="4"] .star:nth-child(4) ~ .star polygon {
  fill: #d8d8d8;
}
.stars[data-stars="5"] .star:nth-child(5) ~ .star polygon {
  fill: #d8d8d8;
}

/** Anzeige im Kommentar */
.starsList {
  display: flex;
}

/* comment list */
.comment-wrapper {
  padding: 15px;
  background-color: #eee;
  margin-bottom: 5px;
}
.comment-author-name {
  font-weight: bold;
}
.comment-author {
  margin: 0px; 
}
.comment-meta {
  font-size: 12px;
  margin: 0px;
}