@import url('variables.css');

div.message {
  margin-bottom: 1em;
  position: relative;
  /*overflow: hidden; */
  text-align: center;
}

img.message{
  position: absolute;
  top: -10px;
  left: -10px;
  border: 0;
}

a.message_pin:hover {
  position: absolute;
  top: 1px;
  left: 1px;
}

div.message_title{
  font-weight:bold;
  padding: 0;
  margin: 0;
}

div.message_content #map_canvas {
  margin: var(--spacing-medium, 1em) 0px 0 0px;
}

/*Nachricht*/
.message_container_note{
  border: 1px solid var(--color-primary, #A9C23F);
  background-color: var(--color-message-note, #fafcf0);
  border-radius: var(--radius-small, 6px);
  padding: var(--spacing-small, 6px);
  /*overflow: hidden;*/
}

/* Warnung (Warning) */
.message_container_warning {
  border: 1px solid var(--color-warning, #FFD201);
  background-color: var(--color-message-warning, #FFFEF8);
  border-radius: var(--radius-small, 6px);
  padding: var(--spacing-small, 6px);
  /*overflow: hidden;*/
}

/* Fehler (Error) */
.message_container_error {
  border: 1px solid var(--color-error, #D00000);
  background-color: var(--color-message-error, #FEF8F8);
  border-radius: var(--radius-small, 6px);
  padding: var(--spacing-small, 6px);
  /*overflow: hidden;*/
}

/* Blackbox */
.message_container_blackbox {
  border: 1px solid #000000;
  background-color: var(--color-message-blackbox-bg, #333333);
  color: var(--color-message-blackbox-text, #aaaaaa);
  border-radius: var(--radius-small, 6px);
  padding: var(--spacing-small, 6px);
}