.navbar-static-top {
  margin-bottom:20px;
}

i {
  font-size:18px;
}
  
footer {
  margin-top:20px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#efefef;
}

.nav>li .count {
  position: absolute;
  top: 10%;
  right: 25%;
  font-size: 10px;
  font-weight: normal;
  background: rgba(41,200,41,0.75);
  color: rgb(255,255,255);
  line-height: 1em;
  padding: 2px 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: right !important;
    }
}

.rating {
  direction: rtl;
  unicode-bidi: bidi-override;
  font-size: 1.5em;
  /* linke Ausrichtung sicherstellen */
  text-align: left;
}
.rating input {
  display: none;
}
.rating label {
  color: #ddd;
  cursor: pointer;
  display: inline-block;
}
.rating input:checked ~ label,
.rating label:hover,
.rating label:hover ~ label {
  color: #f39c12;
}

.star-display {
  color: #f39c12;      /* orange für alle Sterne standardmäßig */
  font-size: 1.2em;
  /* left alignment etc. nach Bedarf */
}
.star-display .star-empty {
  color: #ddd;         /* hellgrau für leere Sterne */
}
 
/* Backport einiger nützlicher Bootstrap-4/5-Utilities */
.mt-1 { margin-top: .25rem!important; }
.mt-2 { margin-top: 1.5rem!important; }
.mt-3 { margin-top: 1rem!important; }
.mt-4 { margin-top: 1.5rem!important; }
.mt-5 { margin-top: 3rem!important; }