/* =========================================================
   Image Helpers
   ========================================================= */

.df-img-round{

  border-radius: 12px;

  overflow: hidden;

  display: block;
}

/* =========================================================
   DF IMG CENTER – INLINE SVG (FINAL + OPTICAL FIX)
   ========================================================= */

.df-img-center{

  display:flex;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  text-align:center;

  width:100%;
}


/* SVG sauber block-level + echte Zentrierung */

.df-img-center svg{

  display:block;

  margin-left:auto;
  margin-right:auto;

  /* optional leichte optische Korrektur */
  transform: translateY(0.4px);
}


/* Optional: falls mehrere Elemente im Wrapper */

.df-img-center > *{
  margin-left:auto;
  margin-right:auto;
}

/* =========================================================
   WIDGET SVG FIX (YSPL SHORTCODE)
   ========================================================= */

.df-img-center{

  display:flex !important;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  width:100%;

  overflow:visible; /* wichtig */
}

/* =========================================================
   SVG Images
   ========================================================= */

.df-bluete-standard {
  width: 96px;
  height: auto;
  display: block;
  color: #c98e78;
  margin: 24px auto;
}

.df-bluete-icon {
  width: 36px;
  height: auto;
  display: block;
  color: #c98e78;
  margin: 4px auto;
}