@use "sass:map";
/*$blue_60;*/
/*$blue_50;*/
.einzeiler {
  margin: 1em 0 0 2em;
  padding: 0.4em 1.4em;
  border-left: 0.4em solid #E3E7E9;
  border-left-color: #bd8600;
  border-radius: .2em;
  box-shadow: 0 0 0.5em 0 #E8EBEC;
  line-height: 1.5;
  font-size: .95em;
  background-color: #ebffee;
  max-width: 70em; }

.mitteilung {
  display: flex;
  flex-direction: column;
  max-width: 36em;
  margin: 1em 0 0 2em;
  padding: 1em 1.4em;
  border-left: 0.4em solid #E3E7E9;
  border-radius: .2em;
  background-color: white;
  box-shadow: 0 0 0.5em 0 #E8EBEC;
  line-height: 1.5;
  font-size: .95em; }
  .mitteilung .buttons {
    justify-content: space-around;
    margin: .5em 0 0; }
    .mitteilung .buttons .button {
      margin: 0; }
  .mitteilung.klein {
    width: 24em; }
  .mitteilung.mittel {
    width: 36em; }
  .mitteilung.gross {
    width: 48em; }
  .mitteilung.debug {
    border-color: #555;
    color: #222; }
  .mitteilung.info {
    border-color: #467393;
    color: #0e3048; }
  .mitteilung.success, .mitteilung.erfolg, .mitteilung.ok {
    border-color: #008a20;
    color: #003008; }
  .mitteilung.warning, .mitteilung.warnung {
    border-color: #bd8600;
    color: #4a3200; }
  .mitteilung.error, .mitteilung.fehler {
    border-color: #eb4030;
    color: #ba2214; }

@media (max-width: 768px) {
  .mitteilung {
    display: flex;
    flex-direction: column;
    max-width: 24em;
    margin: 1em 0;
    padding: 1em 1.4em;
    border-left: 0.4em solid #E3E7E9;
    border-radius: .2em;
    background-color: white;
    box-shadow: 0 0 0.5em 0 #E8EBEC;
    line-height: 1.5; } }