/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.pwr-services-box--w-links [class*=cta_button] {
    font-size: 16px !important;
/*     padding: 11px 20px !important; */
}

.pwr-services-box:hover{
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px 0px;
  transition: 0.3s ease-in;
}

.pwr-services-item__title {
    font-size: 22.5px; !important;
    font-weight: 500; !important;
    line-height: 30px; !important;
}

.pwr-services-box {
  border-radius: var(--br-box) !important;
  overflow: hidden !important;
}

/* =============================================
   BRADLER BLOG POST CUSTOMIZATIONS
   ============================================= */

/* Hide empty author profile box */
.pwr-author-profile__wrapper {
  display: none;
}

/* Remove excess bottom spacing */
.pwr-post-body {
  padding-bottom: 40px !important;
}

/* Hero banner title - match other hero banners (not bold) */
.pwr-post-header__title {
  font-weight: var(--fw-h1) !important;
}

/* --- 2. Blog content buttons — match Custom Button 01 exactly --- */
.bradler-post-content .button-wrapper {
  margin: 16px 0;
}

.bradler-post-content .button-wrapper a.button,
.bradler-post-content a.button {
  /* Reset */
  text-decoration: none !important;

  /* Layout — matches pwr-cta base */
  display: inline-block !important;
  border-radius: var(--br-btn, 0) !important;
  font-family: var(--ff-btn) !important;
  font-weight: var(--fw-btn) !important;
  font-size: 16px !important;
  letter-spacing: var(--ls-btn) !important;
  line-height: 1.6em !important;
  padding: 5px 8px !important;
  overflow: hidden !important;
  position: relative !important;
  text-transform: var(--tt-link) !important;
  z-index: 0 !important;

  /* Custom Button 01 colours */
  background-color: #FF9B27 !important;
  color: #1F1F1F !important;
  border: none !important;
  cursor: pointer !important;
  transition: all calc(0.4s * var(--ts-duration-factor, 1)) ease-in-out !important;
}

.bradler-post-content .button-wrapper a.button:hover,
.bradler-post-content a.button:hover {
  background-color: #173072 !important;
  color: #FFFFFF !important;
}

/* --- 4. Related posts Weiterlesen button --- */
a.pwr-post-item span.pwr-post-item__more-link.pwr-cta.pwr-cta--custom-01 {
  display: inline-flex !important;
  background-color: #FF9B27 !important;
  color: #1F1F1F !important;
  font-family: var(--ff-btn) !important;
  font-size: 16px !important;
  font-weight: var(--fw-btn) !important;
  letter-spacing: var(--ls-btn) !important;
  line-height: 1.6em !important;
  padding: 5px 8px !important;
  border-radius: var(--br-btn, 0) !important;
  text-decoration: none !important;
  text-transform: var(--tt-link) !important;
  margin-top: auto !important;
  position: relative !important;
  z-index: 1 !important;
  transition: all calc(0.4s * var(--ts-duration-factor, 1)) ease-in-out !important;
}

a.pwr-post-item:hover span.pwr-post-item__more-link.pwr-cta.pwr-cta--custom-01 {
  background-color: #173072 !important;
  color: #FFFFFF !important;
}

/* --- 6. Blog post body mobile padding --- */
@media (max-width: 767px) {
  .bradler-post-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}