.elementor-7650 .elementor-element.elementor-element-4604dcdd{padding:60px 0px 80px 0px;}.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h1, .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h2, .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h3, .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h4, .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h5, .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h6{color:var( --e-global-color-text );}.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 p{color:#666666;}.elementor-7650 .elementor-element.elementor-element-7f6d5f81{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-7650 .elementor-element.elementor-element-4604dcdd{padding:60px 15px 60px 15px;}}@media(max-width:767px){.elementor-7650 .elementor-element.elementor-element-4604dcdd{padding:50px 15px 40px 15px;}}/* Start custom CSS for heading_pro section-title, class: .elementor-element-5c2f2ca0 *//* ==========================================================
   PayinBitcoin Normal Section Title + Subtitle + Animated Word
   H2: 34 / 30 / 26
   Subtitle: 18 / 18 / 16
   ========================================================== */


/* Section heading */
.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-title h2,
.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Orange / italic highlight */
.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-title h2 span,
.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h2 span {
  color: #D57800 !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

/* Section subtitle */
.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-title p,
.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-subtitle,
.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-subtitle p {
  font-size: 18px !important;
  line-height: 1.6 !important;
  font-weight: 300 !important;
}


/* ==========================================================
   Animated Word
   ========================================================== */

.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .pib-cat-anim-wrap {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-right: 12px;
  margin-right: -12px;
}

.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .pib-cat-anim {
  display: inline-block;
  color: #D57800 !important;
  font-style: italic !important;
  font-weight: 600 !important;
  will-change: transform, opacity;
}

.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .pib-cat-anim.word-exit {
  animation: pibCatWordExitSide 0.38s cubic-bezier(0.4, 0, 1, 1) forwards;
}

.elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .pib-cat-anim.word-enter {
  animation: pibCatWordEnterSide 0.38s cubic-bezier(0, 0, 0.2, 1) forwards;
}

@keyframes pibCatWordExitSide {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(42px);
  }
}

@keyframes pibCatWordEnterSide {
  0% {
    opacity: 0;
    transform: translateX(-42px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}


/* ==========================================================
   Tablet
   ========================================================== */

@media (max-width: 1024px) {
  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-title h2,
  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h2 {
    font-size: 30px !important;
    line-height: 1.22 !important;
  }

  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-title p,
  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-subtitle,
  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-subtitle p {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }
}


/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 767px) {
  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-title h2,
  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 h2 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-title p,
  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-subtitle,
  .elementor-7650 .elementor-element.elementor-element-5c2f2ca0 .section-subtitle p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}/* End custom CSS */
/* Start custom CSS for categories, class: .elementor-element-7f6d5f81 *//* ============================================================
   PayInBitcoin — Explore by Category v11
   Full-width strip, name + count perfectly aligned same line
   ============================================================ */

/* ── Card base ───────────────────────────────────────────── */
.directorist-categories__single--style-one {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1.5px solid #E8E0D4 !important;
  background-color: #f5f5f5 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin: 0 !important;
}

.directorist-categories__single--style-one:hover {
  border-color: #D57800 !important;
  box-shadow: 0 0 0 3px rgba(213,120,0,0.15), 0 2px 12px rgba(0,0,0,0.07) !important;
  transform: none !important;
}

/* ── Background photo fills above the strip ─────────────── */
.directorist-categories__single--style-one {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* ── Remove ALL pseudo elements on the card ─────────────── */
.directorist-categories__single--style-one::before,
.directorist-categories__single--style-one::after {
  display: none !important;
  content: none !important;
}

/* ── Content wrapper ─────────────────────────────────────── */
.directorist-categories__single__content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 160px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── Remove ALL pseudo elements on content ──────────────── */
.directorist-categories__single__content::before,
.directorist-categories__single__content::after {
  display: none !important;
  content: none !important;
}

/* ── Hide default left icon ──────────────────────────────── */
.theme-categories-left {
  display: none !important;
}

/* ── Strip — full width, single line ────────────────────── */
.theme-categories-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #FFF0D6 !important;
  padding: 9px 14px !important;
  margin: 0 !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

/* ── Category name — left ────────────────────────────────── */
.directorist-categories__single__name {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  text-decoration: none !important;
  line-height: 1 !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.directorist-categories__single__name:hover {
  color: #D57800 !important;
}

/* ── Listing count — right ───────────────────────────────── */
.directorist-categories__single__total {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #B36600 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.directorist-category-term {
  color: #B36600 !important;
  line-height: 1 !important;
}

/* ── Mobile ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .directorist-categories__single__content {
    min-height: 130px !important;
  }

  .theme-categories-right {
    padding: 8px 12px !important;
  }

  .directorist-categories__single__name {
    font-size: 13px !important;
  }
}

.directorist-categories__single--image{
    background-position: center 60% !important;
}



/* ==========================================================
   Category Cards – Weißer Rand um das Hintergrundbild
   ========================================================== */

.directorist-categories__single--image {
    background-origin: content-box !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    padding: 12px 12px 0 12px !important;
    box-sizing: border-box !important;
    background-color: #faf9f9 !important;
}

/* Leiste wieder auf volle Breite ziehen */
.directorist-categories__single--image .theme-categories-right {
    margin-left: -12px !important;
    margin-right: -12px !important;
    width: calc(100% + 24px) !important;
}





@media (max-width: 767px) {
    .directorist-row .directorist-col-3 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 767px) {
    .directorist-categories__single--image {
        background-position: center 35% !important;
    }
}

/* Mobile: nur "listings" Wort ausblenden, Zahl bleibt für JS */
@media (max-width: 767px) {
  .directorist-category-term {
    display: none !important;
  }

  .theme-categories-right {
    justify-content: center !important;
    text-align: center !important;
  }

  .directorist-categories__single__name {
    text-align: center !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4604dcdd */.elementor-7650 .elementor-element.elementor-element-4604dcdd {
  background:
    linear-gradient(rgba(60,120,40,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(60,120,40,0.03) 1px, transparent 1px),
    #ffffff;
  background-size: 42px 42px, 42px 42px, cover;
  position: relative;
  overflow: hidden;
}



.elementor-7650 .elementor-element.elementor-element-4604dcdd .elementor-widget-wrap,
.elementor-7650 .elementor-element.elementor-element-4604dcdd .e-con-inner,
.elementor-7650 .elementor-element.elementor-element-4604dcdd .elementor-container {
  position: relative;
  z-index: 2;
}/* End custom CSS */