.elementor-5116 .elementor-element.elementor-element-effe9c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5116 .elementor-element.elementor-element-effe9c7:not(.elementor-motion-effects-element-type-background), .elementor-5116 .elementor-element.elementor-element-effe9c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-5116 .elementor-element.elementor-element-d04c479{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5116 .elementor-element.elementor-element-2a27fa2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5116 .elementor-element.elementor-element-d1205e4{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-5116 .elementor-element.elementor-element-d1205e4 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-5116 .elementor-element.elementor-element-d1205e4 .e-loop-item > .elementor-section, .elementor-5116 .elementor-element.elementor-element-d1205e4 .e-loop-item > .elementor-section > .elementor-container, .elementor-5116 .elementor-element.elementor-element-d1205e4 .e-loop-item > .e-con, .elementor-5116 .elementor-element.elementor-element-d1205e4 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-5116 .elementor-element.elementor-element-d1205e4 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-5116 .elementor-element.elementor-element-d1205e4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-5116 .elementor-element.elementor-element-d1205e4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5116 .elementor-element.elementor-element-d1205e4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5116 .elementor-element.elementor-element-d1205e4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-5116 .elementor-element.elementor-element-effe9c7{--content-width:1600px;}.elementor-5116 .elementor-element.elementor-element-d04c479{--width:20%;}.elementor-5116 .elementor-element.elementor-element-2a27fa2{--width:80%;}}@media(max-width:1024px){.elementor-5116 .elementor-element.elementor-element-d1205e4{--grid-columns:2;}}@media(max-width:767px){.elementor-5116 .elementor-element.elementor-element-d1205e4{--grid-columns:2;--grid-row-gap:5px;--grid-column-gap:5px;}}/* Start custom CSS for html, class: .elementor-element-f5a5719 */.mein-filter .mg-filter-desktop { width: 255px; font-family: 'Figtree', sans-serif; }
.mein-filter .mg-filter-title { font-size: 1.09rem; color: #009f54; font-weight: 700; margin-bottom: 16px; letter-spacing: 0.01em; }
.mein-filter .mg-filter-btn-group { display: flex; flex-direction: column; gap: 14px; }
.mein-filter .mg-filter-btn { display: flex; align-items: center; gap: 12px; padding: 16px 26px 16px 20px; background: #f6fbf8; color: #009f54; border: none; border-radius: 28px; font-size: 1.15rem; font-family: inherit; font-weight: 600; box-shadow: 0 2px 10px rgba(22,122,73,0.08); cursor: pointer; transition: all 0.18s cubic-bezier(.4,0,.2,1); position: relative; outline: none; }
.mein-filter .mg-filter-btn svg { width: 22px; height: 22px; flex-shrink: 0; transition: filter 0.15s; }
.mein-filter .mg-filter-btn.active, .mein-filter .mg-filter-btn:active { background: linear-gradient(90deg, #14c97b 0%, #119653 100%); color: #fff; box-shadow: 0 4px 20px 0 rgba(22,122,73,0.14); }
.mein-filter .mg-filter-btn.active svg, .mein-filter .mg-filter-btn:active svg { filter: brightness(0) invert(1); }
.mein-filter .mg-filter-btn:hover:not(.active) { background: #e2f9ee; color: #14c97b; }
.mein-filter .mg-filter-list, .mein-filter .mg-filter-kurier, .mein-filter .mg-filter-versand { margin-top: 22px; }
.mein-filter .mg-filter-apotheken-list, .mein-filter .mg-filter-kurier-list { display: flex; flex-direction: column; gap: 12px; margin-top: 6px; }
.mein-filter .mg-filter-apotheken-list a, .mein-filter .mg-filter-kurier-list a { display: block; background: #f5faf7; color: #009f54; border-radius: 16px; padding: 12px 18px; font-size: 1.05rem; font-weight: 600; text-decoration: none; box-shadow: 0 2px 8px rgba(22,122,73,0.06); transition: background 0.15s, color 0.15s; }
.mein-filter .mg-filter-apotheken-list a:hover, .mein-filter .mg-filter-kurier-list a:hover { background: #1aba6d; color: #fff; }
@media (max-width: 900px) { .mein-filter .mg-filter-desktop { display: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b32a6e5 */.mg-filter-mobile .mg-filter-list {
  margin-top: 14px;
  text-align: center;
}
.mg-filter-mobile .mg-filter-select {
  width: 100%;
  padding: 10px 20px 10px 20px;
  border-radius: 16px;
  font-size: 1.05rem;
  border: 1.5px solid #b2e4cd;
  background: #f5faf7;
  color: #009f54;
  font-family: 'Figtree', sans-serif;
  font-weight: 600;
  box-shadow: 0 1px 6px rgba(22,122,73,0.05);
  margin: 0 auto;
  outline: none;
}
.mg-filter-mobile .mg-filter-select:focus {
  border-color: #009f54;
}

.mg-filter-mobile .mg-filter-btn-group {
  display: flex;
  flex-direction: row;    /* Damit sie nebeneinander stehen! */
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: nowrap;      /* Buttons dürfen NICHT umbrechen! */
}

.mg-filter-mobile .mg-filter-btn {
  flex: 1 1 0px;          /* Gleichmäßig nebeneinander */
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  background: #f6fbf8;
  color: #009f54;
  border: none;
  border-radius: 28px;
  font-size: 1.13rem;
  font-family: inherit;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(22,122,73,0.08);
  cursor: pointer;
  transition: all 0.18s cubic-bezier(.4,0,.2,1);
  outline: none;
}

.mg-filter-mobile .mg-filter-btn.active,
.mg-filter-mobile .mg-filter-btn:active {
  background: linear-gradient(90deg, #14c97b 0%, #119653 100%);
  color: #fff;
  box-shadow: 0 4px 20px 0 rgba(22,122,73,0.14);
}

.mg-filter-mobile .mg-filter-btn:hover:not(.active) {
  background: #e2f9ee;
  color: #14c97b;
}

@media (min-width: 901px) { .mg-filter-mobile { display: none; } }/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d1205e4 *//* 1. Container-Styles für das Grid-Item */
.elementor-5118 .elementor-element.elementor-element-328d370 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  background: #fff;        /* Weißer Hintergrund */
  overflow: hidden;
  border-radius: 18px;     /* Optional: weiche Ecken */
  position: relative;
}

/* 2. Bild-Styles */
.elementor-5118 .elementor-element.elementor-element-328d370 img {
  display: block;
  height: 100%;            /* Immer die volle Höhe */
  width: auto;             /* Automatische Breite – nie verzerrt */
  max-height: 250px;       /* Sicherheit, falls irgendwo überschrieben */
  max-width: 100%;         /* Bild nie breiter als das Grid */
  margin: 0 auto;
  border-radius: 18px;
  background: #fff;        /* Falls das Bild transparent ist */
}

.elementor-5118 .elementor-element.elementor-element-328d370 img:empty,
.elementor-5118 .elementor-element.elementor-element-328d370 img[src=""] {
  background: url('https://medicgreen.de/wp-content/uploads/2025/07/Medizinisches-Cannabis-3.png') center center / contain no-repeat #fff;
  min-height: 250px;
  width: 100%;
  display: block;
}/* End custom CSS */