.elementor-2321 .elementor-element.elementor-element-1966b421{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:start;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2321 .elementor-element.elementor-element-1966b421.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2321 .elementor-element.elementor-element-eb22dfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-2321 .elementor-element.elementor-element-eb22dfa.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-2321 .elementor-element.elementor-element-eb22dfa img{border-radius:15px 15px 15px 15px;}.elementor-2321 .elementor-element.elementor-element-bd1316f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2321 .elementor-element.elementor-element-bd1316f.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2321 .elementor-element.elementor-element-0c98216{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 010px;}.elementor-2321 .elementor-element.elementor-element-0c98216 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-2321 .elementor-element.elementor-element-1f56010{width:auto;max-width:auto;background-color:#DCD3CE3B;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:13px 16px 13px 30px;border-radius:20px 20px 20px 20px;}.elementor-2321 .elementor-element.elementor-element-1f56010.elementor-element{--align-self:flex-start;}.elementor-2321 .elementor-element.elementor-element-1f56010 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-2321 .elementor-element.elementor-element-1966b421{--width:550px;}}@media(max-width:768px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for image, class: .elementor-element-eb22dfa *//* ==================================================
   1. DESKTOP / BASE STYLES
   ================================================== */
.elementor-2321 .elementor-element.elementor-element-eb22dfa.e-con {
  width: 85% !important;
  max-width: 85% !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 10px !important;
  background-color: rgba(220, 211, 206, 0.15) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  gap: 8px !important;
}

/* Bildbereich */
.elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-image {
  width: 70% !important;
  max-height: 85px !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  margin: 0 !important;
}

.elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* Text & Name Container */
.elementor-2321 .elementor-element.elementor-element-eb22dfa .e-con-inner,
.elementor-2321 .elementor-element.elementor-element-eb22dfa .e-child {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
}

.elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-heading {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-heading:nth-child(1) .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: break-word !important;
  hyphens: auto !important;
  margin: 0 !important;
}

/* Button / Pill */
.elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-heading:nth-child(2) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-heading:nth-child(2) .elementor-heading-title {
  font-size: 9.5px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  white-space: normal !important;
  word-break: break-word !important;
  hyphens: auto !important;
}

/* ==================================================
   2. MOBILE OPTIMIERUNG (Bildschirme unter 768px)
   ================================================== */
@media (max-width: 767px) {
  /* Karte nutzt auf Mobilgeräten die volle Breite der Grid-Spalte */
  .elementor-2321 .elementor-element.elementor-element-eb22dfa.e-con {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px !important;
    gap: 6px !important;
  }

  /* Bild wird mobil etwas kompakter skaliert */
  .elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-image {
    width: 60% !important;
    max-height: 75px !important;
  }

  /* Textabstände auf Mobile anpassen */
  .elementor-2321 .elementor-element.elementor-element-eb22dfa .e-con-inner,
  .elementor-2321 .elementor-element.elementor-element-eb22dfa .e-child {
    gap: 4px !important;
  }

  /* Schriftgrößen für schmale Smartphone-Displays optimieren */
  .elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-heading:nth-child(1) .elementor-heading-title {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  .elementor-2321 .elementor-element.elementor-element-eb22dfa .elementor-widget-heading:nth-child(2) .elementor-heading-title {
    font-size: 9px !important;
    padding: 3px 6px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1966b421 *//* ==================================================
   1. DESKTOP / BASE STYLES
   ================================================== */
.elementor-2321 .elementor-element.elementor-element-1966b421.e-con {
  width: 100% !important;
  max-width: 160px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 10px !important;
  background-color: rgba(220, 211, 206, 0.15) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  gap: 8px !important;
}

/* Bildbereich - Hochformat (3:4) */
.elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-image {
  width: 75% !important;
  max-width: 120px !important;
  aspect-ratio: 3 / 4 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  margin: 0 !important;
}

.elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-image img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* Text & Name Container */
.elementor-2321 .elementor-element.elementor-element-1966b421 .e-con-inner,
.elementor-2321 .elementor-element.elementor-element-1966b421 .e-child {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
}

.elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-heading {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-heading:nth-child(1) .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: break-word !important;
  hyphens: auto !important;
  margin: 0 !important;
}

/* Button / Pill */
.elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-heading:nth-child(2) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-heading:nth-child(2) .elementor-heading-title {
  font-size: 9.5px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  white-space: normal !important;
  word-break: break-word !important;
  hyphens: auto !important;
}

/* ==================================================
   2. MOBILE OPTIMIERUNG (Breiter auf Smartphones)
   ================================================== */
@media (max-width: 767px) {
  .elementor-2321 .elementor-element.elementor-element-1966b421.e-con {
    width: 90% !important; /* Nutzt fast die volle Bildschirmbreite */
    max-width: 220px !important; /* Erhöht das Limit von 130px auf 220px */
    padding: 10px !important;
    gap: 8px !important;
  }

  .elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-image {
    width: 65% !important; /* Bild proportional im Hochformat anpassen */
    max-width: 140px !important;
  }

  .elementor-2321 .elementor-element.elementor-element-1966b421 .e-con-inner,
  .elementor-2321 .elementor-element.elementor-element-1966b421 .e-child {
    gap: 5px !important;
  }

  .elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-heading:nth-child(1) .elementor-heading-title {
    font-size: 13px !important; /* Etwas größer für bessere Lesbarkeit */
  }

  .elementor-2321 .elementor-element.elementor-element-1966b421 .elementor-widget-heading:nth-child(2) .elementor-heading-title {
    font-size: 10px !important;
    padding: 5px 8px !important/* End custom CSS */