/* ======================================================================
   Kontaktformular: gut lesbare Erfolgs-/Fehlermeldung (AJAX)
   ====================================================================== */

/* Basis-Box: bewusst hoher Kontrast, damit es auf dunklen Hintergründen direkt auffällt. */
.flat-alert{
  padding: 14px 16px;
  border-radius: 14px;
  margin-bottom: 20px;

  background: rgba(255,255,255,0.92);
  color: #0b0f0d;

  border: 1px solid rgba(0,0,0,0.18);
  box-shadow: 0 12px 28px rgba(0,0,0,0.28);

  font-weight: 700;
  font-size: 15px;
  line-height: 1.35;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.flat-alert .text{
  flex: 1 1 auto;
}

.flat-alert .close{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.16);
  background: rgba(0,0,0,0.06);
  color: inherit;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.flat-alert .close:hover{
  background: rgba(0,0,0,0.10);
}

/* Varianten */
.flat-alert.msg-success{
  border-left: 6px solid #7c994e;
}

.flat-alert.msg-error{
  border-left: 6px solid #c05555;
}

/* Optional: kleiner "Badge" vor dem Text (falls du ihn später per JS setzt) */
.flat-alert .badge{
  display: inline-block;
  font-weight: 800;
  margin-right: 8px;
}