/* "Einreichen"-Link zur Eingabemaske /inhalt-erstellen (Trello 193/209).
   Gestaltung analog zu .btn-search, in Lifeguide-Orange (#e66740). */
.btn-create-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  color: #e66740;
  text-decoration: none;
}

.btn-create-content::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f044"; /* pen-to-square */
  margin-right: 0.5rem;
  transition: font-size 0.2s;
}

.btn-create-content:hover,
.btn-create-content:focus {
  color: #c04019;
  text-decoration: none;
}

.btn-create-content:hover::before {
  font-size: 1.2rem;
}

/* Eintrag im Cheeseburger-Menü (mobil, < 1200px): wie die anderen
   Menüpunkte, nur in Lifeguide-Orange und mit Stift-Icon.
   !important, weil das kompilierte Theme-CSS und die Cheeseburger-CSS-
   Variablen die Label-Farbe sonst mehrfach setzen. */
.cheeseburger-menu__create-content .cheeseburger-menu__item-label,
.cheeseburger-menu__create-content .cheeseburger-menu__item-label:visited,
.cheeseburger-menu__create-content .cheeseburger-menu__item-label:hover,
.cheeseburger-menu__create-content .cheeseburger-menu__item-label span {
  color: #e66740 !important;
}

.cheeseburger-menu__create-content .cheeseburger-menu__item-label span::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f044";
  margin-right: 0.5rem;
}