.comments-rating {
  border: none;
  padding: 0;
  margin-left: 0;
}
.comments-rating label {
  display: inline-block;
}
.rating-container {
  font-size: 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.rating-container * {
  font-size: 1.4rem;
}
.rating-container > input {
  display: none;
}
.rating-container > input + label {
  /* only enough room for the star */
  font-family: 'dashicons';
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  margin: 0;
}
.rating-container > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "\f154";
  color: #888;
}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
  content: "\f155";
  color: #f1c40f;
  text-shadow: 0 0 1px #333;
}
.rating-container > .star-cb-clear + label {
  text-indent: -9999px;
  width: .5em;
  margin-left: -.5em;
}
.rating-container > .star-cb-clear + label:before {
  width: .5em;
}
.rating-container:hover > input + label:before {
  content: "\f154";
  color: #888;
  text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
  content: "\f155";
  color: #f1c40f;
  text-shadow: 0 0 1px #333;
}
.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
  text-indent: 9999px;
}
.comment-respond .rating-container > input + label {
  text-indent: -9999px;
}


label {
font-weight: normal; /* Add your custom font-weight */
}

fieldset.comments-rating {
border: none; /* Remove border */
}

.rating-container {
display: flex; /* Display stars horizontally */
align-items: center; /* Vertically align stars */
/* Add any other custom styles as needed */
}

/* Add your custom star styling */
span.custom-star {
color: #f1c40f; /* Custom star color */
font-size: 1em; /* Custom star size */
/* Add any other custom styles as needed */
}



/* Rating-Box */
.rating-box .card {

border-radius: 5px;
box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.1);
background-color: #fff;
}

/* Card-Header */
.rating-box .card-header {
font-weight: bold;
padding: 15px;
background-color: #fff; /* Hintergrundfarbe für Header anpassen */
border-bottom: 1px solid #ccc;
}

/* Card-Body */
.rating-box .card-body {padding-left: 20px;padding-right: 20px;padding-top: 25px;padding-bottom: 25px;}

/* Rating-Row */
.rating-box .rating-row {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.7em;
}

/* Category-Name */
.rating-box .category-name {
font-size: 1em; /* Stil für Bezeichnung anpassen */
}

/* Sternebewertung */



/* Gesamtbewertung */
.rating-box .category-ratings {

font-weight: bold;

}

/* Card-Footer */
.rating-box .card-footer {
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #fff; /* Hintergrundfarbe für Footer anpassen */
border-top: 1px solid #ccc;
text-align: center;
}


/* Affiliate-Button-Stil für den Footer */
.rating-box .affiliate-button {
display: block;
width: 100%;
padding: 5px;
background-color: var(--success);
color: #fff;
border: none;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.rating-box .affiliate-button:hover {
background-color: var(--success-light);
}

/* Container für die horizontale Linie */
.hr-container {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}

/* Custom Horizontal Line */
.custom-hr {
border: none;
border-top: 1px solid #ccc; /* Farbe und Dicke der horizontalen Linie anpassen */
margin-top: 1em;
margin-bottom: 1em;
}

.rating-count {
  font-size: 0.8em;
}

.comment-content {
  padding: 0px!important;
  border: 0px!important;
}

/* Remove border around the star ratings */
.comment-rating {
  border: none; /* Entfernt die Umrandung der Sternebewertung */
  padding: 10px 0; /* Beibehaltung des Innenabstands */
  margin-bottom: 20px;
}

/* Mehr Spezifizität durch Hinzufügen weiterer Klassen oder Elemente */
.comment-list .comment-body {
  padding: 15px;
}
/* Style the entire comment box including meta and content */
.comment-body {
  border: 2px solid var(--base); /* Umrandung um den gesamten Kommentar */
  border-radius: 5px; /* Abgerundete Ecken */
  margin-bottom: 20px; /* Abstand zwischen den Kommentaren */
  background-color: #fff; /* Hintergrundfarbe */
}

/* Style for the comment meta (Avatar, Name, Date) */
.comment-meta {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: 2px solid var(--base);
  padding-bottom: 10px;
}

.comment-meta .avatar {
  margin-right: 10px;
  border-radius: 50%;
}

.comment-meta .comment-author {
  font-size: 1.2em;
  font-weight: bold;
}

.comment-meta .comment-metadata {
  font-size: 0.9em;
  color: var(--text-muted);
  margin-left: auto;
}

/* Style for the comment content */
.comment-content {
  margin-bottom: 15px;
  padding-bottom: 10px;
}

/* Style for the ratings */
.comment-rating-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.comment-rating-category {
  flex: 1;
  text-align: left;
}

.comment-rating-stars {
  flex: 1;
  text-align: right;
}

.comment-rating-overall {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;

  padding-top: 10px;
}