/* App-weite Feinheiten (global in base.html geladen). */

/* Marke in der Kopfzeile: Logo + Schriftzug auf einer Linie, ohne Unterstreichung. */
.marke {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  text-decoration: none;
}
.marke img {
  width: 36px;
  height: 36px;
  flex: none;
}
/* Sonst bricht der Schriftzug neben dem Logo auf zwei Zeilen um. */
.marke strong { white-space: nowrap; }
@media (max-width: 480px) {
  /* Auf schmalen Geraeten nur das Logo, der Schriftzug wuerde umbrechen. */
  .marke strong { display: none; }
}

/* Input-Gruppen (fieldset[role="group"]): der Submit-Button soll sich an seinen
   Inhalt anpassen und nicht umbrechen. Sonst wird er zu schmal, der Text bricht
   um und der Knopf wirkt ueberdimensioniert (z.B. "Stufe anlegen"). */
fieldset[role="group"] > button,
fieldset[role="group"] > [type="submit"],
fieldset[role="group"] > [type="button"] {
  flex: 0 0 auto;
  width: auto;
  white-space: nowrap;
}