/* Anpassungen Chorsystem */

.mainZentriert {
  max-width: 400px;
  margin: 2rem auto;
}

/* Button oben rechts für Neues Element */
.obenrechts {
  float: right;
  margin-top: 6px;
}

/* Summernote Text-Bereich */

.summernote-editor-transparent {
  background-color: transparent;
}
.summernote-editor-farbig {
  background-color: #F8F4F4;
}

/*  Status Icons in Namenslisten benötigen eine feste Breite */

.statusicon-festebreite {
  width: 18px !important;
  text-align: center;
}

.hinweise-festebreite {
  width: 16px !important;
  text-align: center;
}

/* Spez. Formatierungen der Tabelle Namensansicht  DEPRC */

.namensansichttabelle {
}

.namensansichttabelle td,
.namensansichttabelle th {
  padding-left: 0.3px;
  padding-right: 0.3px;
}

.altetermine {
  opacity: 0.5;
  filter: grayscale(100%);
  transition: all 1s;
}
.altetermine:hover {
  opacity: 0.7;
  filter: grayscale(50%);
}

/* Summernote Markierung für schreibbaren Bereich bei hover */
.note-airframe {
	transition: all 0.7s linear;
	box-shadow: none;
	margin-right: 20px;  /* ggf. ein (?)-Hilfebutton... */
}
.note-airframe:hover, .inline-beschreibbar {
	box-shadow: 1px 1px 10px 0 rgba(109,181,43,0.5);
}

/* Filter Control von BS-Table etwas unauffälliger... */
.filter-control * {
  font-size: 0.75rem;
  line-height: 1;
  height: calc(1.5em + 0.5rem);
  width: calc(100% - 10px) !important;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-color: #ededed;
  padding: 0.375rem 0.25rem;
}

/* Star Rating */

.rating > [id^="star"] {
  display: none;
}

.rating > label {
  color: #ddd;
  float: right;
  cursor: pointer;
}

.rating > [id^="star"]:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #ffd700;
}

.rating > [id^="star"]:checked + label:hover,
.rating > [id^="star"]:checked ~ label:hover,
.rating > label:hover ~ [id^="star"]:checked ~ label,
.rating > [id^="star"]:checked ~ label:hover ~ label {
  color: #ffed85;
}

/* Icons vor Standard-Buttons */

.SymbolSpeichern:before {
  content: "\f0c7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolLoeschen:before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolHinzufuegen:before {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolBearbeiten:before {
  content: "\f044";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolZurueck:before {
  content: "\f137";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolLink:before {
  content: "\f0c1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolHistorie:before {
  content: "\f1da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolDownload:before {
  content: "\f019";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolUpload:before {
  content: "\f093";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolPerson:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolPersonen:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolPdf:before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolMail:before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolYouTube:before {
  content: "\f167";
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolDaumenHoch:before {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolDaumenRunter:before {
  content: "\f165";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolAuto:before {
  content: "\f5e4";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolKopieren:before {
  content: "\f0c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolAktualisieren:before {
  content: "\f2f1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolMobile:before {
  content: "\f3cd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolZahnrad:before {
  content: "\f013";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolListe:before {
  content: "\f00b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolHilfe:before {
  content: "\f1cd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolFrage:before {
  content: "\e4e3";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolFilter:before {
  content: "\f0b0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolSuchen:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.SymbolCloud:before {
  content: "\f0c2";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}