.elementor-2098 .elementor-element.elementor-element-14313f79 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2098 .elementor-element.elementor-element-14313f79:not(.elementor-motion-effects-element-type-background), .elementor-2098 .elementor-element.elementor-element-14313f79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#44423C;}.elementor-2098 .elementor-element.elementor-element-14313f79 > .elementor-background-overlay{background-color:#000000;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2098 .elementor-element.elementor-element-14313f79 > .elementor-container{min-height:400px;}.elementor-2098 .elementor-element.elementor-element-14313f79{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:205px 0px 205px 0px;}.elementor-2098 .elementor-element.elementor-element-47180f3c > .elementor-element-populated{margin:-20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2098 .elementor-element.elementor-element-828cd9e{z-index:0;}.elementor-2098 .elementor-element.elementor-element-59a46243{z-index:1;}.elementor-2098 .elementor-element.elementor-element-59a46243 h1, .elementor-2098 .elementor-element.elementor-element-59a46243 h2, .elementor-2098 .elementor-element.elementor-element-59a46243 h3, .elementor-2098 .elementor-element.elementor-element-59a46243 h4, .elementor-2098 .elementor-element.elementor-element-59a46243 h5, .elementor-2098 .elementor-element.elementor-element-59a46243 h6{color:#FFFFFF;}.elementor-2098 .elementor-element.elementor-element-59a46243 p{color:#FFFFFF;}.elementor-2098 .elementor-element.elementor-element-4adb977{z-index:1;}.elementor-2098 .elementor-element.elementor-element-73ea40b{z-index:1;}.elementor-2098 .elementor-element.elementor-element-c0dd8d0{z-index:1;}.elementor-2098 .elementor-element.elementor-element-c0dd8d0 .directorist-listing-category-top ul li a p,
                    .elementor-2098 .elementor-element.elementor-element-c0dd8d0 .directorist-listing-category-top ul li a span,
                    .elementor-2098 .elementor-element.elementor-element-c0dd8d0 .directorist-search-contents .directorist-listing-type-selection .directorist-listing-type-selection__item .directorist-listing-type-selection__link--current{color:rgba(255, 255, 255, 0.8);}.elementor-2098 .elementor-element.elementor-element-c0dd8d0 .directorist-search-contents .directorist-listing-type-selection .directorist-listing-type-selection__item a:after{background:rgba(255, 255, 255, 0.8);}.elementor-2098 .elementor-element.elementor-element-1460105 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-1460105 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2098 .elementor-element.elementor-element-99b95c4{--divider-border-style:solid;--divider-color:var( --e-global-color-2be275b6 );--divider-border-width:1px;}.elementor-2098 .elementor-element.elementor-element-99b95c4 .elementor-divider-separator{width:100%;}.elementor-2098 .elementor-element.elementor-element-99b95c4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2098 .elementor-element.elementor-element-6715c48{padding:80px 0px 080px 0px;}.elementor-2098 .elementor-element.elementor-element-26a736e8 h1, .elementor-2098 .elementor-element.elementor-element-26a736e8 h2, .elementor-2098 .elementor-element.elementor-element-26a736e8 h3, .elementor-2098 .elementor-element.elementor-element-26a736e8 h4, .elementor-2098 .elementor-element.elementor-element-26a736e8 h5, .elementor-2098 .elementor-element.elementor-element-26a736e8 h6{color:var( --e-global-color-text );}.elementor-2098 .elementor-element.elementor-element-26a736e8 p{color:#666666;}.elementor-2098 .elementor-element.elementor-element-c9a4d91 > .elementor-widget-container{margin:0px 0px 030px 0px;}.elementor-2098 .elementor-element.elementor-element-68a3ecc{--divider-border-style:solid;--divider-color:var( --e-global-color-2115efa );--divider-border-width:2px;}.elementor-2098 .elementor-element.elementor-element-68a3ecc .elementor-divider-separator{width:75%;margin:0 auto;margin-center:0;}.elementor-2098 .elementor-element.elementor-element-68a3ecc .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2098 .elementor-element.elementor-element-1b4f2db{padding:0px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-b3e5063 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-f4c1830{padding:80px 25px 80px 25px;}.elementor-2098 .elementor-element.elementor-element-d9d690c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-bb697d2 h1, .elementor-2098 .elementor-element.elementor-element-bb697d2 h2, .elementor-2098 .elementor-element.elementor-element-bb697d2 h3, .elementor-2098 .elementor-element.elementor-element-bb697d2 h4, .elementor-2098 .elementor-element.elementor-element-bb697d2 h5, .elementor-2098 .elementor-element.elementor-element-bb697d2 h6{color:var( --e-global-color-text );}.elementor-2098 .elementor-element.elementor-element-bb697d2 p{color:#666666;}.elementor-2098 .elementor-element.elementor-element-72144b5 > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-12a26d8{padding:80px 0px 80px 0px;}.elementor-2098 .elementor-element.elementor-element-3cfaa1e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-5901149 h1, .elementor-2098 .elementor-element.elementor-element-5901149 h2, .elementor-2098 .elementor-element.elementor-element-5901149 h3, .elementor-2098 .elementor-element.elementor-element-5901149 h4, .elementor-2098 .elementor-element.elementor-element-5901149 h5, .elementor-2098 .elementor-element.elementor-element-5901149 h6{color:var( --e-global-color-2be275b6 );}.elementor-2098 .elementor-element.elementor-element-5901149 p{color:var( --e-global-color-2be275b6 );}.elementor-2098 .elementor-element.elementor-element-ffefc33{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2098 .elementor-element.elementor-element-ffefc33 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2098 .elementor-element.elementor-element-0582c7e{padding:80px 0px 80px 0px;}.elementor-2098 .elementor-element.elementor-element-33dc3586 h1, .elementor-2098 .elementor-element.elementor-element-33dc3586 h2, .elementor-2098 .elementor-element.elementor-element-33dc3586 h3, .elementor-2098 .elementor-element.elementor-element-33dc3586 h4, .elementor-2098 .elementor-element.elementor-element-33dc3586 h5, .elementor-2098 .elementor-element.elementor-element-33dc3586 h6{color:var( --e-global-color-2be275b6 );}.elementor-2098 .elementor-element.elementor-element-33dc3586 p{color:var( --e-global-color-2be275b6 );}@media(max-width:1024px){.elementor-2098 .elementor-element.elementor-element-14313f79 > .elementor-container{min-height:55vh;}.elementor-2098 .elementor-element.elementor-element-14313f79{padding:60px 0px 60px 0px;}.elementor-2098 .elementor-element.elementor-element-6715c48{padding:60px 0px 60px 0px;}.elementor-2098 .elementor-element.elementor-element-26a736e8 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-2098 .elementor-element.elementor-element-1b4f2db{padding:0px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-f4c1830{padding:60px 20px 60px 20px;}.elementor-2098 .elementor-element.elementor-element-12a26d8{padding:60px 20px 60px 20px;}.elementor-2098 .elementor-element.elementor-element-0582c7e{padding:60px 20px 60px 20px;}}@media(max-width:767px){.elementor-2098 .elementor-element.elementor-element-14313f79 > .elementor-container{min-height:70vh;}.elementor-2098 .elementor-element.elementor-element-14313f79{padding:40px 0px 40px 0px;}.elementor-2098 .elementor-element.elementor-element-6715c48{padding:40px 0px 40px 0px;}.elementor-2098 .elementor-element.elementor-element-1b4f2db{padding:0px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-f4c1830{padding:40px 20px 60px 20px;}.elementor-2098 .elementor-element.elementor-element-72144b5 > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-2098 .elementor-element.elementor-element-12a26d8{padding:40px 0px 40px 0px;}.elementor-2098 .elementor-element.elementor-element-5901149 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-2098 .elementor-element.elementor-element-0582c7e{padding:30px 0px 40px 0px;}}/* Start custom CSS for heading_pro section-title, class: .elementor-element-59a46243 *//* ==========================================================
   PayinBitcoin Home Hero
   Typography + animated orange word
   ========================================================== */


/* ------------------------------
   Hero H1
------------------------------ */

.elementor-2098 .elementor-element.elementor-element-59a46243 .section-title h1,
.elementor-2098 .elementor-element.elementor-element-59a46243 h1 {
  font-size: 48px !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
}

/* Orange / italic highlighted part inside H1 */
.elementor-2098 .elementor-element.elementor-element-59a46243 .section-title h1 span,
.elementor-2098 .elementor-element.elementor-element-59a46243 h1 span {
  color: #D57800 !important;
  font-weight: 600 !important;
  font-style: italic !important;
}


/* ------------------------------
   Hero Subtitle
   Desktop + Tablet: 18px
   Mobile: 16px
------------------------------ */

.elementor-2098 .elementor-element.elementor-element-59a46243 .section-subtitle,
.elementor-2098 .elementor-element.elementor-element-59a46243 .section-subtitle p,
.elementor-2098 .elementor-element.elementor-element-59a46243 .section-title p {
  font-size: 18px !important;
  line-height: 1.6 !important;
  font-weight: 300 !important;
}


/* ------------------------------
   Animated word wrapper
------------------------------ */

.elementor-2098 .elementor-element.elementor-element-59a46243 .pib-home-anim-wrap {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-right: 14px;
  margin-right: -14px;
}

.elementor-2098 .elementor-element.elementor-element-59a46243 .pib-home-anim {
  display: inline-block;
  color: #D57800 !important;
  font-style: italic !important;
  font-weight: 600 !important;
  will-change: transform, opacity;
}

.elementor-2098 .elementor-element.elementor-element-59a46243 .pib-home-anim.word-exit {
  animation: pibHomeWordExitSide 0.38s cubic-bezier(0.4, 0, 1, 1) forwards;
}

.elementor-2098 .elementor-element.elementor-element-59a46243 .pib-home-anim.word-enter {
  animation: pibHomeWordEnterSide 0.38s cubic-bezier(0, 0, 0.2, 1) forwards;
}


/* ------------------------------
   Animation keyframes
------------------------------ */

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

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

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

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


/* ------------------------------
   Tablet
------------------------------ */

@media (max-width: 1024px) {
  .elementor-2098 .elementor-element.elementor-element-59a46243 .section-title h1,
  .elementor-2098 .elementor-element.elementor-element-59a46243 h1 {
    font-size: 40px !important;
    line-height: 1.14 !important;
  }

  .elementor-2098 .elementor-element.elementor-element-59a46243 .section-subtitle,
  .elementor-2098 .elementor-element.elementor-element-59a46243 .section-subtitle p,
  .elementor-2098 .elementor-element.elementor-element-59a46243 .section-title p {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }
}


/* ------------------------------
   Mobile
------------------------------ */

@media (max-width: 767px) {
  .elementor-2098 .elementor-element.elementor-element-59a46243 .section-title h1,
  .elementor-2098 .elementor-element.elementor-element-59a46243 h1 {
    font-size: 32px !important;
    line-height: 1.16 !important;
  }

  .elementor-2098 .elementor-element.elementor-element-59a46243 .section-subtitle,
  .elementor-2098 .elementor-element.elementor-element-59a46243 .section-subtitle p,
  .elementor-2098 .elementor-element.elementor-element-59a46243 .section-title p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}/* End custom CSS */
/* Start custom CSS for search_form, class: .elementor-element-c0dd8d0 *//* ==========================================================
   PayInBitcoin Hero Search Bar
   ========================================================== */

/* Hide filter button */
.directorist-search-form-action__filter{
    display:none !important;
}

/* Search button */
.directorist-btn-search{
    background:#D57800 !important;
    color:#ffffff !important;

    font-family:"DM Sans",sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;

 text-transform:none !important;
    letter-spacing:0 !important;

    border-radius:6px !important;
    padding:10px 26px !important;

    box-shadow:none !important;
    transform:none !important;

    transition:background-color .25s ease,color .25s ease !important;
}

.directorist-btn-search:hover,
.directorist-btn.directorist-btn-lg.directorist-btn-primary.directorist-btn-search:hover {
    background: #B36600 !important;
    background-color: #B36600 !important;
    border-color: #B36600 !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Search field placeholder/input */
.directorist-search-field__input input,
.select2-selection__placeholder,
.select2-selection__rendered,
.directorist-search-field__label{
    font-family:"DM Sans",sans-serif !important;
    font-size:15px !important;
    font-weight:400 !important;
}

/* Optional: make actual typed text same style */
.directorist-form-element{
    font-family:"DM Sans",sans-serif !important;
    font-size:15px !important;
}


/* Remove button outline/border completely */

.directorist-btn-search,
.directorist-btn-search:hover,
.directorist-btn-search:focus,
.directorist-btn-search:active{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}

/* Remove browser focus ring */

.directorist-btn-search:focus-visible{
    outline:none !important;
    box-shadow:none !important;
}


/* ==========================================================
   Hero Search Bar – Responsive Fix
   iPad: alles einzeilig, Button icon-only
   Mobile: gestapelt, Button mit Text
   Desktop: komplett unberührt
   ========================================================== */

/* ── iPad (768px – 1024px) ──────────────────────────────── */
@media (min-width: 768px) and (max-width: 1024px) {

    /* Outer box: alles in einer Zeile */
    .directorist-search-form__box {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }

    /* Input-Bereich nimmt verfügbaren Platz */
    .directorist-search-form-top {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        flex-wrap: nowrap !important;
    }

    /* Action-Bereich (Button) fixiert rechts */
    .directorist-search-form-action {
        flex: 0 0 auto !important;
        padding-left: 8px !important;
    }

    /* Felder können schrumpfen */
    .directorist-search-field {
        min-width: 0 !important;
        flex-shrink: 1 !important;
    }

    /* Etwas kleinere Schrift damit alles passt */
    .directorist-search-field__label,
    .directorist-form-element,
    .select2-selection__placeholder,
    .select2-selection__rendered {
        font-size: 13px !important;
    }

    /* Button: kompakt + Text ausblenden */
    .directorist-btn-search {
        padding: 10px 13px !important;
        min-width: unset !important;
        font-size: 0 !important;       /* Text unsichtbar */
        line-height: 0 !important;
    }

    /* Icon wieder sichtbar machen */
    .directorist-btn-search .directorist-icon-mask {
        display: inline-block !important;
        width: 18px !important;
        height: 18px !important;
        font-size: 18px !important;
    }
}

/* ── Mobile (unter 768px) ───────────────────────────────── */
@media (max-width: 767px) {

    /* Alles gestapelt */
    .directorist-search-form__box {
        flex-direction: column !important;
    }

    .directorist-search-form-top {
        width: 100% !important;
    }

    /* Button volle Breite, Text bleibt sichtbar */
    .directorist-search-form-action {
        width: 100% !important;
        padding-left: 0 !important;
        margin-top: 8px !important;
    }

    .directorist-btn-search {
        width: 100% !important;
        font-size: 16px !important;    /* Text wieder normal */
        line-height: normal !important;
        padding: 12px 20px !important;
        justify-content: center !important;
    }

    .directorist-btn-search .directorist-icon-mask {
        display: inline-block !important;
        width: 16px !important;
        height: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading_pro section-title, class: .elementor-element-26a736e8 *//* ==========================================================
   PayinBitcoin Normal Sections
   H2: 34 / 30 / 26
   Subtitle: 18 / 18 / 16
   ========================================================== */


/* Section H2 */
.elementor-2098 .elementor-element.elementor-element-26a736e8 .section-title h2,
.elementor-2098 .elementor-element.elementor-element-26a736e8 h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Orange / italic highlight inside H2 */
.elementor-2098 .elementor-element.elementor-element-26a736e8 .section-title h2 span,
.elementor-2098 .elementor-element.elementor-element-26a736e8 h2 span {
  color: #D57800 !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

/* Section subtitle / description */
.elementor-2098 .elementor-element.elementor-element-26a736e8 .section-title p,
.elementor-2098 .elementor-element.elementor-element-26a736e8 .section-subtitle,
.elementor-2098 .elementor-element.elementor-element-26a736e8 .section-subtitle p {
  font-family: "DM Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  letter-spacing: -0.025em !important;

  max-width: 540px !important;
  width: 100% !important;

  text-align: center !important;

  margin: 0 auto !important;
}


/* Tablet */
@media (max-width: 1024px) {
  .elementor-2098 .elementor-element.elementor-element-26a736e8 .section-title h2,
  .elementor-2098 .elementor-element.elementor-element-26a736e8 h2 {
    font-size: 30px !important;
    line-height: 1.22 !important;
  }

  .elementor-2098 .elementor-element.elementor-element-26a736e8 .section-title p,
  .elementor-2098 .elementor-element.elementor-element-26a736e8 .section-subtitle,
  .elementor-2098 .elementor-element.elementor-element-26a736e8 .section-subtitle p {
    font-size: 18px !important;
    line-height: 1.7 !important;
  }
}


/* Mobile */
@media (max-width: 767px) {
  .elementor-2098 .elementor-element.elementor-element-26a736e8 .section-title h2,
  .elementor-2098 .elementor-element.elementor-element-26a736e8 h2 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .elementor-2098 .elementor-element.elementor-element-26a736e8 .section-title p,
  .elementor-2098 .elementor-element.elementor-element-26a736e8 .section-subtitle,
  .elementor-2098 .elementor-element.elementor-element-26a736e8 .section-subtitle p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}


/* ==========================================================
   Directorist NEW Badge orange
   ========================================================== */

.directorist-badge-new,
.directorist-badge.directorist-badge-new,
.directorist-listing-single .directorist-badge-new,
.directorist-listing-card .directorist-badge-new,
.directorist-listing-single__thumb .directorist-badge-new,
.directorist-listing-card__thumb .directorist-badge-new,
.directorist-mark-as-new,
.atbd_badge_new {
  background: #D57800 !important;
  background-color: #D57800 !important;
  color: #ffffff !important;
  border-color: #D57800 !important;
}


/* Mobile: "in the city" gemeinsam in neue Zeile */
@media (max-width: 767px) {
  .elementor-2098 .elementor-element.elementor-element-26a736e8 .pib-mobile-break {
    display: block !important;
    white-space: nowrap !important;
  }
}/* End custom CSS */
/* Start custom CSS for listings, class: .elementor-element-c9a4d91 *//* ============================================================
   PayInBitcoin — Listing Cards v11
   Hover: border comes alive (no lift)
   ============================================================ */

/* ── Base card ───────────────────────────────────────────── */
.directorist-listing-single {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 16px !important;
  overflow: visible !important;
  border: 1.5px solid #E8E0D4 !important;
  background: #FFFFFF !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;
}

.directorist-listing-single: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;
}

/* ── Thumb ───────────────────────────────────────────────── */
.directorist-listing-single__thumb {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: visible !important;
}

:is(.directorist-thumnail-card,
    .directorist-thumbnail-card,
    .directorist-card-cover,
    .directorist-card-contain,
    .directorist-card-full) {
  height: 200px !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
}

:is(.directorist-thumnail-card-front-wrap,
    .directorist-thumbnail-card-front-wrap) {
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  height: 200px !important;
  display: block !important;
  padding: 0 !important;
}

:is(img.directorist-thumnail-card-front-img,
    img.directorist-thumbnail-card-front-img) {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}

.directorist-listing-single:hover :is(img.directorist-thumnail-card-front-img,
    img.directorist-thumbnail-card-front-img) {
  transform: scale(1.04) !important;
}

/* ── Thin category band ──────────────────────────────────── */
.directorist-listing-single__thumb::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  background-color: #FFF0D6 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ── Band label ──────────────────────────────────────────── */
.directorist-listing-single__content {
  position: relative !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.directorist-listing-single__content::before {
  content: "" !important;
  display: block !important;
  height: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: #4E5B31 !important;
  text-align: center !important;
  line-height: 36px !important;
  margin-top: -36px !important;
  position: relative !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

/* ── Blob bubble base ────────────────────────────────────── */
.directorist-thumb-bottom-right {
  position: absolute !important;
  bottom: 15px !important;
  right: 12px !important;
  width: 75px !important;
  height: 75px !important;
  z-index: 20 !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center center, center center !important;
  background-size: 45% 45%, contain !important;
  pointer-events: none !important;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,0.25)) !important;
  transition: transform 0.25s ease !important;
}

.directorist-listing-single:hover .directorist-thumb-bottom-right {
  transform: scale(1.08) rotate(5deg) !important;
}

/* ══ Per-category: icon + WHITE circle with orange outline ═ */

/* SERVICES */
.directorist-listing-single:has(a[href*="/single-category/services/"]) .directorist-thumb-bottom-right {
  background-image:
    url('https://payinbitcoin.com/wp-content/uploads/2026/05/Services-orange-sq-dark.png'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23FFFFFF' stroke='%23D57800' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: 42% 42%, contain !important;
}
.directorist-listing-single:has(a[href*="/single-category/services/"]) .directorist-listing-single__thumb::after {
  background-color: #FFF0D6 !important;
}
.directorist-listing-single:has(a[href*="/single-category/services/"]) .directorist-listing-single__content::before {
  content: "SERVICES" !important;
  height: 36px !important;
  color: #B36600 !important;
}

/* HOTEL */
.directorist-listing-single:has(a[href*="/single-category/hotel/"]) .directorist-thumb-bottom-right {
  background-image:
    url('https://payinbitcoin.com/wp-content/uploads/2026/05/Hotel-orange-sq-dark.png'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23FFFFFF' stroke='%23D57800' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: 42% 42%, contain !important;
}
.directorist-listing-single:has(a[href*="/single-category/hotel/"]) .directorist-listing-single__thumb::after {
  background-color: #FFF0D6 !important;
}
.directorist-listing-single:has(a[href*="/single-category/hotel/"]) .directorist-listing-single__content::before {
  content: "HOTEL" !important;
  height: 36px !important;
  color: #B36600 !important;
}

/* TRAVEL */
.directorist-listing-single:has(a[href*="/single-category/travel/"]) .directorist-thumb-bottom-right {
  background-image:
    url('https://payinbitcoin.com/wp-content/uploads/2026/05/Travel-orange-sq-dark.png'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23FFFFFF' stroke='%23D57800' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: 48% 48%, contain !important;
}
.directorist-listing-single:has(a[href*="/single-category/travel/"]) .directorist-listing-single__thumb::after {
  background-color: #FFF0D6 !important;
}
.directorist-listing-single:has(a[href*="/single-category/travel/"]) .directorist-listing-single__content::before {
  content: "TRAVEL" !important;
  height: 36px !important;
  color: #B36600 !important;
}

/* EXPERIENCES */
.directorist-listing-single:has(a[href*="/single-category/experiences/"]) .directorist-thumb-bottom-right {
  background-image:
    url('https://payinbitcoin.com/wp-content/uploads/2026/05/Experiences-orange-sq-dark.png'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23FFFFFF' stroke='%23D57800' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: 44% 44%, contain !important;
}
.directorist-listing-single:has(a[href*="/single-category/experiences/"]) .directorist-listing-single__thumb::after {
  background-color: #FFF0D6 !important;
}
.directorist-listing-single:has(a[href*="/single-category/experiences/"]) .directorist-listing-single__content::before {
  content: "EXPERIENCES" !important;
  height: 36px !important;
  color: #B36600 !important;
}

/* CAFÉ */
.directorist-listing-single:has(a[href*="/single-category/cafe/"]) .directorist-thumb-bottom-right,
.directorist-listing-single:has(a[href*="/single-category/caf%C3%A9/"]) .directorist-thumb-bottom-right {
  background-image:
    url('https://payinbitcoin.com/wp-content/uploads/2026/05/Coffee-orange-sq-dark.webp'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23FFFFFF' stroke='%23D57800' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: 44% 44%, contain !important;
}
.directorist-listing-single:has(a[href*="/single-category/cafe/"]) .directorist-listing-single__thumb::after,
.directorist-listing-single:has(a[href*="/single-category/caf%C3%A9/"]) .directorist-listing-single__thumb::after {
  background-color: #FFF0D6 !important;
}
.directorist-listing-single:has(a[href*="/single-category/cafe/"]) .directorist-listing-single__content::before,
.directorist-listing-single:has(a[href*="/single-category/caf%C3%A9/"]) .directorist-listing-single__content::before {
  content: "CAFE" !important;
  height: 36px !important;
  color: #B36600 !important;
}

/* RESTAURANT */
.directorist-listing-single:has(a[href*="/single-category/restaurant/"]) .directorist-thumb-bottom-right {
  background-image:
    url('https://payinbitcoin.com/wp-content/uploads/2026/05/Restaurant-orange-sq-dark.png'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23FFFFFF' stroke='%23D57800' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: 48% 48%, contain !important;
}
.directorist-listing-single:has(a[href*="/single-category/restaurant/"]) .directorist-listing-single__thumb::after {
  background-color: #FFF0D6 !important;
}
.directorist-listing-single:has(a[href*="/single-category/restaurant/"]) .directorist-listing-single__content::before {
  content: "RESTAURANT" !important;
  height: 36px !important;
  color: #B36600 !important;
}

/* SHOPPING */
.directorist-listing-single:has(a[href*="/single-category/shopping/"]) .directorist-thumb-bottom-right {
  background-image:
    url('https://payinbitcoin.com/wp-content/uploads/2026/05/Shopping-orange-sq-dark.png'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23FFFFFF' stroke='%23D57800' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: 44% 44%, contain !important;
}
.directorist-listing-single:has(a[href*="/single-category/shopping/"]) .directorist-listing-single__thumb::after {
  background-color: #FFF0D6 !important;
}
.directorist-listing-single:has(a[href*="/single-category/shopping/"]) .directorist-listing-single__content::before {
  content: "SHOPPING" !important;
  height: 36px !important;
  color: #B36600 !important;
}

/* ONLINE */
.directorist-listing-single:has(a[href*="/single-category/online/"]) .directorist-thumb-bottom-right {
  background-image:
    url('https://payinbitcoin.com/wp-content/uploads/2026/05/Online-orange-sq-dark.png'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%23FFFFFF' stroke='%23D57800' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: 50% 50%, contain !important;
}
.directorist-listing-single:has(a[href*="/single-category/online/"]) .directorist-listing-single__thumb::after {
  background-color: #FFF0D6 !important;
}
.directorist-listing-single:has(a[href*="/single-category/online/"]) .directorist-listing-single__content::before {
  content: "ONLINE" !important;
  height: 36px !important;
  color: #B36600 !important;
}

/* ── Hide footer meta ────────────────────────────────────── */
.directorist-listing-single__meta {
  display: none !important;
}

/* ── Card content ────────────────────────────────────────── */
.directorist-listing-single__info {
  padding: 20px 18px 36px !important;
}

.directorist-listing-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
}

.directorist-listing-title a {
  color: #1A1A1A !important;
  text-decoration: none !important;
}

.directorist-listing-title a:hover {
  color: #D57800 !important;
}

.directorist-listing-single__info__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

.directorist-listing-single__info__list li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: #555F3A !important;
}

.directorist-listing-single__info__list li a {
  color: #555F3A !important;
  text-decoration: none !important;
}

.directorist-listing-single__info__list li :is(i, [class*="directorist-icon"]) {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: #FFF0D6 !important;
  color: #D57800 !important;
  font-size: 12px !important;
  flex-shrink: 0 !important;
}

/* ── Mobile ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  :is(.directorist-thumnail-card,
      .directorist-thumbnail-card,
      .directorist-card-cover,
      .directorist-card-contain,
      .directorist-card-full),
  :is(.directorist-thumnail-card-front-wrap,
      .directorist-thumbnail-card-front-wrap),
  :is(img.directorist-thumnail-card-front-img,
      img.directorist-thumbnail-card-front-img) {
    height: 175px !important;
  }
  .directorist-thumb-bottom-right {
    width: 72px !important;
    height: 72px !important;
    bottom: 0 !important;
    right: 10px !important;
  }
}

.directorist_open_status_badge {
  display: none !important;
}

/* Desktop: Beschreibung immer 3 Zeilen hoch */
@media (min-width: 768px) {
  .directorist-listing-single .pib-card-desc {
    min-height: calc(13px * 1.45 * 3) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}



.directorist-listing-single__info__list li {
  font-weight: 300 !important;
}

.directorist-listing-single__info__list li a {
  font-weight: 300 !important;
}

.directorist-listing-single .pib-card-desc {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 300 !important;
}
/* Nur Kurzbeschreibung in Listing Cards */
.directorist-listing-single .directorist-listing-single__info p,
.directorist-listing-single .directorist-listing-single__info span,
.directorist-listing-single .directorist-listing-single__info div,
.directorist-listing-single .pib-card-desc,
.directorist-listing-single .pib-card-desc * {
  font-size: 14px !important;
  font-weight: 300 !important;
}
/* Kurzbeschreibung + Location unten in Listing Cards */
.directorist-listing-single .directorist-listing-single__info p,
.directorist-listing-single .directorist-listing-single__info span,
.directorist-listing-single .directorist-listing-single__info div,
.directorist-listing-single .pib-card-desc,
.directorist-listing-single .pib-card-desc *,
.directorist-listing-single .directorist-listing-single__info__list li,
.directorist-listing-single .directorist-listing-single__info__list li a,
.directorist-listing-single .directorist-listing-single__info__list li span {
  font-size: 14px !important;
  font-weight: 300 !important;
}

/* NEW Badge Schrift dünner */
span.directorist-badge.directorist-info-item.directorist-badge-new.directorist-badge--only-text {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-302b765 */.elementor-button{
    transition: background-color 0.25s ease, color 0.25s ease !important;
    transform: none !important;
    text-transform: none !important;
}

.elementor-button:hover{
    transform: none !important;
    scale: 1 !important;
    animation: none !important;
    box-shadow: none !important;
}

.elementor-button .elementor-button-text{

    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Replace colors below with your hover colors */
.elementor-button:hover{
    background-color: #B36600 !important;
    color: #FFFFFF !important;
}

.elementor-button:hover .elementor-button-text{
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6715c48 */.elementor-2098 .elementor-element.elementor-element-6715c48 {
  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-2098 .elementor-element.elementor-element-6715c48 .elementor-widget-wrap,
.elementor-2098 .elementor-element.elementor-element-6715c48 .e-con-inner,
.elementor-2098 .elementor-element.elementor-element-6715c48 .elementor-container {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20977f0 */.pib2-mission .pib2-lead,
.pib2-mission .pib2-card__body p {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 300 !important;
}/* End custom CSS */
/* Start custom CSS for heading_pro section-title, class: .elementor-element-bb697d2 *//* ==========================================================
   PayinBitcoin Normal Section Typography
   H2: 34 / 30 / 26
   Subtitle: 18 / 18 / 16
   ========================================================== */

/* Section H2 */
.elementor-2098 .elementor-element.elementor-element-bb697d2 .section-title h2,
.elementor-2098 .elementor-element.elementor-element-bb697d2 h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Orange / italic highlight inside H2 */
.elementor-2098 .elementor-element.elementor-element-bb697d2 .section-title h2 span,
.elementor-2098 .elementor-element.elementor-element-bb697d2 h2 span {
  color: #D57800 !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

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

/* Tablet */
@media (max-width: 1024px) {
  .elementor-2098 .elementor-element.elementor-element-bb697d2 .section-title h2,
  .elementor-2098 .elementor-element.elementor-element-bb697d2 h2 {
    font-size: 30px !important;
    line-height: 1.22 !important;
  }

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

/* Mobile */
@media (max-width: 767px) {
  .elementor-2098 .elementor-element.elementor-element-bb697d2 .section-title h2,
  .elementor-2098 .elementor-element.elementor-element-bb697d2 h2 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .elementor-2098 .elementor-element.elementor-element-bb697d2 .section-title p,
  .elementor-2098 .elementor-element.elementor-element-bb697d2 .section-subtitle,
  .elementor-2098 .elementor-element.elementor-element-bb697d2 .section-subtitle p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}/* End custom CSS */
/* Start custom CSS for listings, class: .elementor-element-72144b5 */.directorist-search-form.directorist-basic-search {
  display: none !important;
}
.directorist-search-form.directorist-advanced-search {
  display: none !important;
}

.listing-with-sidebar__sidebar {
  display: none !important;
}

.listing-with-sidebar__listing {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}



/* ==========================================================
   Map – Mobile Höhe kleiner
   ========================================================== */

@media (max-width: 767px) {
    #map {
        height: 350px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f4c1830 */.elementor-2098 .elementor-element.elementor-element-f4c1830 {
  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;
}

/* Keine Glows – gleich wie erste Section */
.elementor-2098 .elementor-element.elementor-element-f4c1830::before,
.elementor-2098 .elementor-element.elementor-element-f4c1830::after {
  display: none !important;
  content: none !important;
}

.elementor-2098 .elementor-element.elementor-element-f4c1830 .elementor-widget-wrap,
.elementor-2098 .elementor-element.elementor-element-f4c1830 .e-con-inner,
.elementor-2098 .elementor-element.elementor-element-f4c1830 .elementor-container {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading_pro section-title, class: .elementor-element-5901149 *//* ==========================================================
   PayinBitcoin Normal Section Typography
   H2: 34 / 30 / 26
   Subtitle: 18 / 18 / 16
   ========================================================== */

/* Section H2 */
.elementor-2098 .elementor-element.elementor-element-5901149 .section-title h2,
.elementor-2098 .elementor-element.elementor-element-5901149 h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Orange / italic highlight inside H2 */
.elementor-2098 .elementor-element.elementor-element-5901149 .section-title h2 span,
.elementor-2098 .elementor-element.elementor-element-5901149 h2 span {
  color: #D57800 !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

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

/* Tablet */
@media (max-width: 1024px) {
  .elementor-2098 .elementor-element.elementor-element-5901149 .section-title h2,
  .elementor-2098 .elementor-element.elementor-element-5901149 h2 {
    font-size: 30px !important;
    line-height: 1.22 !important;
  }

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

/* Mobile */
@media (max-width: 767px) {
  .elementor-2098 .elementor-element.elementor-element-5901149 .section-title h2,
  .elementor-2098 .elementor-element.elementor-element-5901149 h2 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .elementor-2098 .elementor-element.elementor-element-5901149 .section-title p,
  .elementor-2098 .elementor-element.elementor-element-5901149 .section-subtitle,
  .elementor-2098 .elementor-element.elementor-element-5901149 .section-subtitle p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}/* End custom CSS */
/* Start custom CSS for categories, class: .elementor-element-2a54641 *//* ============================================================
   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;
}

/* Mobile: 2 Cards pro Reihe */
@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;
  }
}

/* ==========================================================
   Category Cards: Listing-Anzahl nur am Handy ausblenden
   ========================================================== */

@media (max-width: 767px) {
  .theme-categories-right {
    justify-content: center !important;
    text-align: center !important;
    gap: 4px !important;
  }

  .directorist-categories__single__name {
    text-align: center !important;
    white-space: nowrap !important;
  }

  .directorist-categories__single__total {
    display: block !important;
    font-size: 12px !important;
    color: #B36600 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  .directorist-category-term {
    display: inline !important;
    color: #B36600 !important;
  }

  /* Wrap name + count in same line, centered */
  .theme-categories-right {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  
  .directorist-category-term {
    display: none !important;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-12a26d8 */.elementor-2098 .elementor-element.elementor-element-12a26d8 {
  background:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
    #4e5b31;
  background-size: 42px 42px, 42px 42px, cover;
  position: relative;
  overflow: hidden;
}



/* keep content above background */
.elementor-2098 .elementor-element.elementor-element-12a26d8 .elementor-widget-wrap,
.elementor-2098 .elementor-element.elementor-element-12a26d8 .e-con-inner,
.elementor-2098 .elementor-element.elementor-element-12a26d8 .elementor-container {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-accf541 */.elementor-2098 .elementor-element.elementor-element-accf541 .section-title p,
.elementor-2098 .elementor-element.elementor-element-accf541 p {
  font-weight: 300 !important;
}/* End custom CSS */
/* Start custom CSS for heading_pro section-title, class: .elementor-element-33dc3586 *//* ==========================================================
   PayinBitcoin Normal Section Typography
   H2: 34 / 30 / 26
   Subtitle: 18 / 18 / 16
   ========================================================== */

/* Section H2 */
.elementor-2098 .elementor-element.elementor-element-33dc3586 .section-title h2,
.elementor-2098 .elementor-element.elementor-element-33dc3586 h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Orange / italic highlight inside H2 */
.elementor-2098 .elementor-element.elementor-element-33dc3586 .section-title h2 span,
.elementor-2098 .elementor-element.elementor-element-33dc3586 h2 span {
  color: #D57800 !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

/* Section subtitle / description */
.elementor-2098 .elementor-element.elementor-element-33dc3586 .section-title p,
.elementor-2098 .elementor-element.elementor-element-33dc3586 .section-subtitle,
.elementor-2098 .elementor-element.elementor-element-33dc3586 .section-subtitle p {
  font-size: 18px !important;
  line-height: 1.6 !important;
  font-weight: 300 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-2098 .elementor-element.elementor-element-33dc3586 .section-title h2,
  .elementor-2098 .elementor-element.elementor-element-33dc3586 h2 {
    font-size: 30px !important;
    line-height: 1.22 !important;
  }

  .elementor-2098 .elementor-element.elementor-element-33dc3586 .section-title p,
  .elementor-2098 .elementor-element.elementor-element-33dc3586 .section-subtitle,
  .elementor-2098 .elementor-element.elementor-element-33dc3586 .section-subtitle p {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-2098 .elementor-element.elementor-element-33dc3586 .section-title h2,
  .elementor-2098 .elementor-element.elementor-element-33dc3586 h2 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .elementor-2098 .elementor-element.elementor-element-33dc3586 .section-title p,
  .elementor-2098 .elementor-element.elementor-element-33dc3586 .section-subtitle,
  .elementor-2098 .elementor-element.elementor-element-33dc3586 .section-subtitle p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}/* End custom CSS */
/* Start custom CSS for locations, class: .elementor-element-212b1e60 *//* ============================================================
   PayInBitcoin — Explore by Location v3
   ============================================================ */

/* ── Card base ───────────────────────────────────────────── */
.directorist-location__single {
  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;
  min-height: 180px !important;
  height: 180px !important;
}

.directorist-location__single: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;
}

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

/* ── Image wrapper — explicit height, leaves room for strip  */
.directorist-location__single__img {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 144px !important; /* 180px card - 36px strip */
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.directorist-location__single__img img {
  display: block !important;
  width: 100% !important;
  height: 144px !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform 0.35s ease !important;
}

.directorist-location__single:hover .directorist-location__single__img img {
  transform: scale(1.04) !important;
}

/* ── Content strip — full width single row at bottom ──────  */
.directorist-location__content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  background: #FFF0D6 !important;
  padding: 0 14px !important;
  margin: 0 !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

.directorist-location__content::before,
.directorist-location__content::after {
  display: none !important;
  content: none !important;
}

/* ── h3 — name left ──────────────────────────────────────── */
.directorist-location__content h3 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.directorist-location__content h3 a {
  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-location__content h3 a:hover {
  color: #D57800 !important;
}

/* ── Count right ─────────────────────────────────────────── */
.directorist-location__count {
  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;
}

.listing-count,
.listing-label {
  color: #B36600 !important;
  line-height: 1 !important;
}

/* ── No-image fallback ───────────────────────────────────── */
.directorist-location__single:not(.directorist-location__single--img) {
  background-color: #f0ebe3 !important;
}

/* ── Column height ───────────────────────────────────────── */
.taxonomy-location-wrapper .directorist-col-3 {
  height: auto !important;
}

.taxonomy-location-wrapper .directorist-location__single {
  min-height: 180px !important;
  height: 180px !important;
}

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

  .directorist-location__single__img,
  .directorist-location__single__img img {
    height: 114px !important; /* 150px - 36px strip */
  }

  .directorist-location__content h3 a {
    font-size: 13px !important;
  }
}

.directorist-location__single:hover .directorist-location__single__img img {
  transform: none !important;
}
/* ============================================================
   PayInBitcoin — Top Locations Add-on
   Nur für Section mit ID #pib-top-locations
   ============================================================ */

/* Pagination / Seitenzahlen nur in dieser Section ausblenden */
#pib-top-locations .directorist-pagination,
#pib-top-locations .directorist-pagination-area,
#pib-top-locations .directorist-pagination-wrapper,
#pib-top-locations .directorist-location-pagination,
#pib-top-locations .directorist-pagination__links,
#pib-top-locations nav.pagination {
  display: none !important;
}

/* CTA Card als 8. Karte */
#pib-top-locations .pib-location-cta-card {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1.5px solid #E8E0D4 !important;
  background: #FFF0D6 !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;
  min-height: 180px !important;
  height: 180px !important;
  text-decoration: none !important;
  align-items: center !important;
  justify-content: center !important;
}

#pib-top-locations .pib-location-cta-card: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;
}

/* CTA Inhalt */
#pib-top-locations .pib-location-cta-inner {
  padding: 22px !important;
  text-align: center !important;
  font-family: 'DM Sans', sans-serif !important;
}

#pib-top-locations .pib-location-cta-title {
  display: block !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1A1A1A !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

#pib-top-locations .pib-location-cta-sub {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #B36600 !important;
  line-height: 1.25 !important;
}

/* Mobile Höhe an deine Cards anpassen */
@media (max-width: 767px) {
  #pib-top-locations .pib-location-cta-card {
    min-height: 150px !important;
    height: 150px !important;
  }

  #pib-top-locations .pib-location-cta-title {
    font-size: 18px !important;
  }

  #pib-top-locations .pib-location-cta-sub {
    font-size: 12px !important;
  }
}
/* HARD LIMIT: In dieser Section nur 7 echte Location Cards anzeigen */
#pib-top-locations [class*="directorist-col"]:has(.directorist-location__single:not(.pib-location-cta-card)):nth-of-type(n+8) {
  display: none !important;
}

/* Wenn CTA eingefügt wurde: alle echten Location Cards nach dem CTA verstecken */
#pib-top-locations .pib-location-cta-col ~ [class*="directorist-col"] {
  display: none !important;
}







/* ==========================================================
   Location Cards – Fixes: Rand, Leiste unten, Farbe
   ========================================================== */

/* Hintergrundfarbe */
.directorist-location__single {
    background-color: #fdfefe !important;
    padding: 10px 10px 0 10px !important;
    justify-content: space-between !important;
}

/* Bild-Wrapper: nimmt verfügbaren Platz */
.directorist-location__single__img {
    flex: 1 1 auto !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

.directorist-location__single__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

/* Strip: immer ganz unten, volle Breite */
.directorist-location__content {
    flex-shrink: 0 !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: calc(100% + 20px) !important;
    margin-top: auto !important;
}





/* CTA Card – gleiche Höhe wie Nachbarkarte */
#pib-top-locations .pib-location-cta-col {
    display: flex !important;
    align-items: stretch !important;
}

#pib-top-locations .pib-location-cta-card {
    height: auto !important;
    min-height: unset !important;
    flex: 1 !important;
    align-self: stretch !important;
}


@media (max-width: 767px) {
  .directorist-location__count .listing-label {
    display: none !important;
  }

  .directorist-location__content {
    justify-content: center !important;
    text-align: center !important;
  }

  .directorist-location__content h3 {
    flex: 0 1 auto !important;
    text-align: center !important;
  }

  .directorist-location__content h3 a {
    text-align: center !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0582c7e */.elementor-2098 .elementor-element.elementor-element-0582c7e {
  background:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
    #4e5b31;
  background-size: 42px 42px, 42px 42px, cover;
  position: relative;
  overflow: hidden;
}



/* keep content above background */
.elementor-2098 .elementor-element.elementor-element-0582c7e .elementor-widget-wrap,
.elementor-2098 .elementor-element.elementor-element-0582c7e .e-con-inner,
.elementor-2098 .elementor-element.elementor-element-0582c7e .elementor-container {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================
   Responsive Heading Sizes
   ========================================================== */

/* ── iPad (768px – 1024px) ──────────────────────────────── */
@media (min-width: 768px) and (max-width: 1024px) {
    h1 { font-size: 32px !important; }
    h2 { font-size: 26px !important; }
}

/* ── Mobile (unter 768px) ───────────────────────────────── */
@media (max-width: 767px) {
    h1 { font-size: 26px !important; }
    h2 { font-size: 22px !important; }
}/* End custom CSS */