/* Rahmen für Formularbereiche */
.form-edit-block {
  border: 2px dashed #ab68ff;
  background: #f9f5ff;
  border-radius: 0.75rem;
  padding: 1.0rem;
  margin-bottom: 1rem;
  transition: all 0.25s ease;
}

.form-edit-block-white {
  border: 2px solid #dbe3ec;
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 0.5rem;
  transition: all 0.25s ease;
}

.form-edit-block-grey {
  border: 2px solid #dbe3ec;
  background: #f7f9fb;
  border-radius: 0.75rem;
  padding: 1.0rem;
  margin-bottom: 1rem;
  transition: all 0.25s ease;
}

.card-galery {
  border: 2px solid #dbe3ec;
  background: #f7f9fb;
  border-radius: 0.75rem;
  overflow: hidden; /* WICHTIG: Bild bleibt innerhalb */
  transition: all 0.25s ease;
}

.galery-img {
  width: 100%;
  height: 200px;        /* Einheitliche Höhe */
  object-fit: cover;    /* Zuschneiden statt verzerren */
  display: block;
}

.contenteditable-box {
    border: 1px dashed currentColor;  /* immer sichtbar, angepasst an Textfarbe */
    padding: 4px 6px;
    border-radius: 4px;
    outline: none;
    transition: border-style 0.2s ease, box-shadow 0.2s ease;
    display: block;
}

/* Fokus = gepunktete Linie */
.contenteditable-box:focus {
    border-style: dotted;
    box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 40%, transparent);
}