/**
 * Frontend Blog-Ads
 *
 * Mid + Start: float left/right oder mittig — pro Viewport (data-float-desktop|tablet|mobile).
 * Defaults: Desktop/Tablet rechts, Mobil mittig (per Ad überschreibbar).
 * End/Shortcode: volle Breite. devices="desktop" → nur ≥1025px.
 */
.sfp-ba-unit {
  position: relative;
  margin: 1.75rem 0;
  display: block !important;
  visibility: visible !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Sidebar/Shortcode: nur Desktop */
.sfp-ba-unit[data-devices="desktop"] {
  display: none !important;
}
@media (min-width: 1025px) {
  .sfp-ba-unit[data-devices="desktop"] {
    display: block !important;
  }
}

/* Optional weitere Geräte-Filter für Shortcodes */
.sfp-ba-unit[data-devices="desktop_tablet"] {
  display: none !important;
}
@media (min-width: 768px) {
  .sfp-ba-unit[data-devices="desktop_tablet"] {
    display: block !important;
  }
}
.sfp-ba-unit[data-devices="tablet"],
.sfp-ba-unit[data-devices="mobile"] {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sfp-ba-unit[data-devices="tablet"] {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .sfp-ba-unit[data-devices="mobile"] {
    display: block !important;
  }
}

/* Ende + Shortcode: keine Float-Umfluss, mittig */
.sfp-ba-unit[data-placement="end"],
.sfp-ba-unit[data-placement="shortcode"] {
  float: none !important;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.sfp-ba-unit[data-placement="end"] .sfp-ba-unit__inner,
.sfp-ba-unit[data-placement="shortcode"] .sfp-ba-unit__inner {
  display: block !important;
  width: 100% !important;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.sfp-ba-unit[data-placement="end"] .sfp-ba-unit__img,
.sfp-ba-unit[data-placement="shortcode"] .sfp-ba-unit__img {
  margin-left: auto;
  margin-right: auto;
}

.sfp-ba-unit__inner {
  position: relative;
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100%;
  min-height: 1em;
  vertical-align: top;
  padding-bottom: 0.85em;
  box-sizing: border-box;
}

.sfp-ba-unit__img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
}

.sfp-ba-unit__imglink,
.sfp-ba-unit__textlink {
  display: inline-block;
  max-width: 100%;
}

.sfp-ba-unit__textlink {
  font-size: 1rem;
  text-decoration: underline;
}

.sfp-ba-label {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.1;
  color: #9ca3af;
  z-index: 2;
  pointer-events: none;
  white-space: nowrap;
}

.sfp-ba-unit__bp {
  line-height: 0;
}
.sfp-ba-unit__bp img {
  display: block;
  max-width: 100%;
  height: auto;
}

.sfp-ba-unit[data-placement="mid"],
.sfp-ba-unit[data-placement="start"],
.elementor-widget-theme-post-content .sfp-ba-unit[data-placement="mid"],
.elementor-widget-theme-post-content .sfp-ba-unit[data-placement="start"] {
  clear: none;
  width: fit-content !important;
  max-width: min(336px, 48%) !important;
}

.sfp-ba-unit[data-placement="end"] {
  clear: both;
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 2rem 0 1.25rem;
  text-align: center;
}

.sfp-ba-unit[data-placement="end"] .sfp-ba-unit__inner {
  display: inline-block !important;
  margin: 0 auto;
  max-width: min(728px, 100%);
  text-align: left;
}

.sfp-ba-unit__caption {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
  color: #0F172A;
}

/* Desktop */
@media (min-width: 1025px) {
  .sfp-ba-unit[data-placement="mid"][data-float-desktop="right"],
  .sfp-ba-unit[data-placement="start"][data-float-desktop="right"] {
    float: right !important;
    margin: 0.5rem 0 1rem 1.25rem;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-desktop="left"],
  .sfp-ba-unit[data-placement="start"][data-float-desktop="left"] {
    float: left !important;
    margin: 0.5rem 1.25rem 1rem 0;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-desktop="center"],
  .sfp-ba-unit[data-placement="start"][data-float-desktop="center"] {
    float: none !important;
    clear: both;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1.25rem auto;
    text-align: center;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-desktop="center"] .sfp-ba-unit__inner,
  .sfp-ba-unit[data-placement="start"][data-float-desktop="center"] .sfp-ba-unit__inner {
    display: inline-block !important;
    margin: 0 auto;
    text-align: left;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .sfp-ba-unit[data-placement="mid"][data-float-tablet="right"],
  .sfp-ba-unit[data-placement="start"][data-float-tablet="right"] {
    float: right !important;
    margin: 0.5rem 0 1rem 1.25rem;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-tablet="left"],
  .sfp-ba-unit[data-placement="start"][data-float-tablet="left"] {
    float: left !important;
    margin: 0.5rem 1.25rem 1rem 0;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-tablet="center"],
  .sfp-ba-unit[data-placement="start"][data-float-tablet="center"] {
    float: none !important;
    clear: both;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1.25rem auto;
    text-align: center;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-tablet="center"] .sfp-ba-unit__inner,
  .sfp-ba-unit[data-placement="start"][data-float-tablet="center"] .sfp-ba-unit__inner {
    display: inline-block !important;
    margin: 0 auto;
    text-align: left;
  }
}

/* Nach Float: folgende H2 / Pullquotes */
.sfp-ba-unit[data-placement="mid"] + h2,
.sfp-ba-unit[data-placement="start"] + h2,
.elementor-widget-theme-post-content .sfp-ba-unit[data-placement="mid"] + h2,
.elementor-widget-theme-post-content .sfp-ba-unit[data-placement="start"] + h2 {
  clear: both;
}
.sfp-ba-unit[data-placement="mid"] ~ blockquote.sfp-pullquote,
.sfp-ba-unit[data-placement="start"] ~ blockquote.sfp-pullquote,
.elementor-widget-theme-post-content .sfp-ba-unit[data-placement="mid"] ~ blockquote.sfp-pullquote,
.elementor-widget-theme-post-content .sfp-ba-unit[data-placement="start"] ~ blockquote.sfp-pullquote {
  clear: both;
}

.sfp-ba-bp--all { display: block !important; }
.sfp-ba-bp--desktop,
.sfp-ba-bp--tablet,
.sfp-ba-bp--mobile,
.sfp-ba-bp--tablet-mobile,
.sfp-ba-bp--desktop-tablet { display: none; }

@media (min-width: 1025px) {
  .sfp-ba-bp--desktop,
  .sfp-ba-bp--desktop-tablet { display: block !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sfp-ba-bp--tablet,
  .sfp-ba-bp--tablet-mobile,
  .sfp-ba-bp--desktop-tablet { display: block !important; }
}
@media (max-width: 767px) {
  .sfp-ba-bp--mobile,
  .sfp-ba-bp--tablet-mobile { display: block !important; }

  .sfp-ba-unit[data-placement="mid"],
  .sfp-ba-unit[data-placement="start"] {
    max-width: min(336px, 100%) !important;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-mobile="right"],
  .sfp-ba-unit[data-placement="start"][data-float-mobile="right"] {
    float: right !important;
    margin: 0.5rem 0 1rem 1rem;
    width: fit-content !important;
    max-width: min(336px, 48%) !important;
    text-align: left;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-mobile="left"],
  .sfp-ba-unit[data-placement="start"][data-float-mobile="left"] {
    float: left !important;
    margin: 0.5rem 1rem 1rem 0;
    width: fit-content !important;
    max-width: min(336px, 48%) !important;
    text-align: left;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-mobile="center"],
  .sfp-ba-unit[data-placement="mid"]:not([data-float-mobile]),
  .sfp-ba-unit[data-placement="start"][data-float-mobile="center"],
  .sfp-ba-unit[data-placement="start"]:not([data-float-mobile]) {
    float: none !important;
    clear: both;
    display: block !important;
    width: 100% !important;
    max-width: min(336px, 100%) !important;
    margin: 1.25rem auto;
    text-align: center;
  }
  .sfp-ba-unit[data-placement="mid"][data-float-mobile="center"] .sfp-ba-unit__inner,
  .sfp-ba-unit[data-placement="mid"]:not([data-float-mobile]) .sfp-ba-unit__inner,
  .sfp-ba-unit[data-placement="start"][data-float-mobile="center"] .sfp-ba-unit__inner,
  .sfp-ba-unit[data-placement="start"]:not([data-float-mobile]) .sfp-ba-unit__inner {
    display: inline-block !important;
    margin: 0 auto;
    text-align: left;
  }
}