.nd-rating {  --nd-icon-inactive: #C3C7CF; --nd-icon-active:   #155E63;  --nd-icon-hover:    #155E63;  --nd-box-inactive-bg:   #F1F3F5;  --nd-box-hover-bg:      #E9EEF3;  --nd-box-active-bg:     #155E63;  --nd-box-border:        transparent;}
.nd-rating {  display: flex;  flex-direction: column;  align-items: stretch;  background-color: transparent;       border-radius: 10px;               }
.nd-bewertung__text {  margin: 0 0 8px 0;                 }
.nd-rating__stats {  margin-top: 8px; color: inherit;                   }
.nd-rating__stars { display: flex; align-items: center; gap: 6px;                          }
.nd-rating .nd-rating__star,
.nd-rating.nd-has-boxed .nd-rating__cell {  -webkit-appearance: none;  appearance: none;  background: transparent;  border: 0;  box-shadow: none;  padding: 0;  margin: 0;  line-height: 1;  text-decoration: none;  display: inline-flex;  align-items: center;  justify-content: center;  cursor: pointer;}
.nd-rating:not(.nd-has-boxed) .nd-rating__star { color: var(--nd-icon-inactive); fill:  var(--nd-icon-inactive); transition: color .15s ease, transform .1s ease;  will-change: transform;}
.nd-rating:not(.nd-has-boxed) .nd-rating__star.is-active {  color: var(--nd-icon-active);  fill:  var(--nd-icon-active);}
.nd-rating.nd-eff-icon:not(.nd-no-hover):not(.nd-has-boxed) .nd-rating__star:hover {transform: scale(1.05);transform-origin: center;color: var(--nd-icon-hover);fill:  var(--nd-icon-hover);}
.nd-rating .nd-rating__star:focus-visible,
.nd-rating .nd-rating__cell:focus-visible { outline: 2px solid #94b7ff; outline-offset: 2px; border-radius: 6px;}
.nd-rating.nd-has-boxed .nd-rating__cell {  background: var(--nd-box-inactive-bg); border: 1px solid var(--nd-box-border);  border-radius: 10px;                 padding: 6px;                        transition: background-color .15s ease, border-color .15s ease, transform .1s ease;  will-change: transform, background-color, border-color;}
.nd-rating.nd-has-boxed .nd-rating__star {  color: var(--nd-icon-inactive);  fill:  var(--nd-icon-inactive);  transition: color .15s ease, transform .1s ease;  will-change: transform, color;}
.nd-rating.nd-has-boxed.nd-eff-box:not(.nd-no-hover) .nd-rating__cell:hover {  transform: scale(1.05);  transform-origin: center;  background-color: var(--nd-box-hover-bg);}
.nd-rating.nd-has-boxed.nd-eff-box.nd-icon-sync:not(.nd-no-hover) .nd-rating__cell:hover .nd-rating__star { color: var(--nd-icon-hover); fill:  var(--nd-icon-hover);}
.nd-rating.nd-has-boxed.nd-eff-icon:not(.nd-no-hover) .nd-rating__cell:hover { transform: scale(1.05); transform-origin: center;}
.nd-rating.nd-has-boxed.nd-eff-icon:not(.nd-no-hover) .nd-rating__star:hover { color: var(--nd-icon-hover); fill:  var(--nd-icon-hover);}
.nd-rating.nd-has-boxed.nd-eff-box .nd-rating__cell.is-active{  background-color: var(--nd-box-active-bg);  border-color: var(--nd-box-active-bg);}
.nd-rating.nd-has-boxed.nd-eff-box .nd-rating__cell.is-active:hover{ background-color: var(--nd-box-active-bg); border-color: var(--nd-box-active-bg);}
.nd-rating.nd-has-boxed.nd-eff-box.nd-icon-sync .nd-rating__cell.is-active .nd-rating__star{ color: #fff;  fill:  #fff;}
.nd-rating.nd-has-boxed.nd-eff-icon .nd-rating__star.is-active{  color: var(--nd-icon-active); fill:  var(--nd-icon-active);}
.nd-rating__star svg { display: block; width: 100%; height: 100%;  fill: currentColor;}
.nd-rating__btn-wrap,
.nd-rating__btn {  margin-top: 10px;}
.nd-msg { margin-top: 6px;}
.is-disabled,
.nd-rating.nd-locked .nd-rating__star,
.nd-rating.nd-locked .nd-rating__cell { cursor: not-allowed !important;  opacity: .6;}
.nd-rating.nd-no-hover .nd-rating__star:hover,
.nd-rating.nd-no-hover .nd-rating__cell:hover { transform: none !important;}
.nd-rating:not(.nd-has-boxed) .nd-rating__cell {  background: transparent !important;  border: 0 !important;  padding: 0 !important;  box-shadow: none !important;  border-radius: 0 !important;  transition: none !important;}
.nd-rating:not(.nd-has-boxed) .nd-rating__cell:hover,
.nd-rating:not(.nd-has-boxed) .nd-rating__cell:active,
.nd-rating:not(.nd-has-boxed) .nd-rating__cell:focus { background: transparent !important;  border-color: transparent !important;  transform: none !important;}
.nd-rating:not(.nd-has-boxed) .nd-rating__star,
.nd-rating:not(.nd-has-boxed) .nd-rating__star:hover,
.nd-rating:not(.nd-has-boxed) .nd-rating__star:active,
.nd-rating:not(.nd-has-boxed) .nd-rating__star:focus { background: transparent !important;  box-shadow: none !important;}
.nd-rating:not(.nd-has-boxed) .nd-rating__stars > *:hover {  background: transparent !important;}
