body.page-backlinks-kaufen{
  --sun-shift-x:18px;
  --sun-shift-y:-12px;
}

.page-backlinks-kaufen main{
  overflow:hidden;
}

.blkh-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.blkh-hero__inner{
  gap:clamp(1.25rem, 3vw, 3rem);
  align-items:center;
}

.blkh-hero__copy,
.blkh-hero__aside{
  min-width:0;
}

.blkh-hero__aside{
  align-self:center;
}

.blkh-kicker,
.blkh-section-kicker,
.blkh-card-kicker{
  display:inline-flex;
}

.blkh-hero .page-breadcrumbs{
  margin-bottom:var(--page-breadcrumb-bottom-space);
}

.blkh-section-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  max-width:56rem;
}

.blkh-section-head--center{
  align-items:center;
  margin-inline:auto;
  text-align:center;
}

.blkh-section-head h2{
  margin-top:.95rem;
  max-width:29ch;
}

.blkh-section-head--center h2,
.blkh-section-head--center .ui-copy-lead{
  margin-inline:auto;
}

.blkh-section-head .ui-copy-lead{
  max-width:48rem;
}

.blkh-hero__title{
  display:block;
  max-width:min(100%, var(--page-h1-max-width));
  margin-top:.9rem;
  margin-bottom:0;
  font-size:var(--page-h1-size);
  line-height:var(--page-heading-line-height);
}

.blkh-hero__title.ui-line-accent::after{
  --line-width:min(21rem, 72%);
  --line-gap:.76rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .88), rgba(var(--brand-indigo-rgb), .82));
  --line-opacity:.9;
  --line-shadow:0 6px 18px rgba(var(--brand-rgb), .18);
}

.blkh-hero__lead,
.blkh-hero__body,
.blkh-hero__meta{
  max-width:44rem;
}

.blkh-hero__lead{
  margin-top:1rem;
  color:rgba(248,251,255,.92);
}

.blkh-hero__body{
  margin-top:1rem;
}

.blkh-hero__cta{
  margin-top:1.35rem;
}

.blkh-hero__meta{
  margin-top:1rem;
}

.blkh-shot{
  --panel-bg:linear-gradient(180deg, rgba(14,18,27,.90), rgba(18,27,41,.84));
  --panel-border:rgba(255,255,255,.13);
  --panel-shadow:0 30px 74px rgba(0,0,0,.26);
  overflow:hidden;
}

.blkh-shot__media{
  position:relative;
  display:block;
  aspect-ratio:16 / 11;
  overflow:hidden;
  border-radius:calc(var(--radius-lg) - 2px);
  text-decoration:none;
}

.blkh-shot__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(9,12,18,.06), rgba(9,12,18,.18));
  pointer-events:none;
}

.blkh-shot__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform var(--transition-slow), filter var(--transition-base);
}

.blkh-shot__media:hover img{
  transform:scale(1.025);
  filter:brightness(1.02);
}

.blkh-shot__media:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .84);
  outline-offset:-2px;
}

.blkh-shot__caption{
  display:grid;
  gap:.34rem;
  padding:1rem 1.1rem 1.15rem;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012));
}

.blkh-shot__caption-head{
  display:flex;
  align-items:center;
  gap:.72rem;
}

.blkh-shot__caption strong{
  font-size:1.08rem;
  font-weight:900;
  letter-spacing:-.01em;
}

.blkh-shot__caption p{
  color:rgba(248,251,255,.78);
  font-size:.97rem;
  line-height:1.56;
}

.blkh-tone{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.blkh-tone--blue{
  --tone-rgb:var(--brand-rgb);
}

.blkh-tone--green{
  --tone-rgb:var(--brand-green-rgb);
}

.blkh-tone--indigo{
  --tone-rgb:var(--brand-indigo-rgb);
}

.blkh-tone::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(var(--tone-rgb), .86), rgba(255,255,255,0));
}

.blkh-tone::after{
  content:"";
  position:absolute;
  top:-3.5rem;
  right:-3.5rem;
  width:12rem;
  height:12rem;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--tone-rgb), .16) 0%, rgba(var(--tone-rgb), 0) 72%);
  pointer-events:none;
}

.blkh-shot::after,
.blkh-cta-card::after{
  display:none;
}

.blkh-card-icon{
  --icon-box-size:2.45rem;
  --icon-box-radius:17px;
  --icon-box-border:rgba(255,255,255,.13);
  --icon-box-bg:linear-gradient(180deg, rgba(var(--tone-rgb, var(--brand-rgb)), .20), rgba(255,255,255,.05));
  color:#fff;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}

.blkh-card-icon svg{
  width:1.05rem;
  height:1.05rem;
}

.blkh-path-grid,
.blkh-criteria-grid,
.blkh-deliverables-grid,
.blkh-process-list,
.blkh-format-grid,
.blkh-faq-list{
  display:grid;
  gap:1rem;
}

.blkh-path-grid,
.blkh-criteria-grid,
.blkh-deliverables-grid,
.blkh-process-list,
.blkh-format-grid{
  margin-top:1.6rem;
}

.blkh-path{
  height:100%;
}

.blkh-path .ui-panel__top,
.blkh-deliverable-main .ui-panel__top{
  padding:1.32rem 1.26rem .94rem;
}

.blkh-path .ui-panel__bottom,
.blkh-deliverable-main .ui-panel__bottom{
  padding:1rem 1.26rem 1.24rem;
}

.blkh-path .ui-panel__title,
.blkh-deliverable-main .ui-panel__title{
  margin-top:.95rem;
  font-size:clamp(1.26rem, 2vw, 1.52rem);
  line-height:1.18;
}

.blkh-bullet-list{
  list-style:none;
  display:grid;
  gap:.88rem;
}

.blkh-bullet-list li{
  position:relative;
  padding-left:1rem;
  color:rgba(248,251,255,.82);
  font-size:.97rem;
  line-height:1.56;
}

.blkh-bullet-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62rem;
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:rgba(var(--tone-rgb, var(--brand-rgb)), .96);
  box-shadow:0 0 0 4px rgba(var(--tone-rgb, var(--brand-rgb)), .12);
}

.blkh-criteria-card,
.blkh-deliverable-card,
.blkh-step,
.blkh-format-card,
.blkh-cta-card{
  transition:transform var(--transition-base), border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);
}

.blkh-criteria-card,
.blkh-deliverable-card,
.blkh-step,
.blkh-cta-card{
  padding:1.14rem 1.08rem 1.18rem;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
}

.blkh-criteria-card:hover,
.blkh-deliverable-card:hover,
.blkh-step:hover,
.blkh-format-card:hover,
.blkh-cta-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 24px 52px rgba(0,0,0,.24);
}

.blkh-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
}

.blkh-criteria-card__count,
.blkh-step__nr{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.2rem;
  height:2.2rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(var(--tone-rgb, var(--brand-rgb)), .24), rgba(255,255,255,.04));
  color:#fff;
  font-size:.86rem;
  font-weight:900;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}

.blkh-criteria-card h3,
.blkh-deliverable-card h3,
.blkh-step h3{
  margin-top:.9rem;
  font-size:1.14rem;
  font-weight:900;
  letter-spacing:-.015em;
  line-height:1.26;
}

.blkh-criteria-card p,
.blkh-deliverable-card p,
.blkh-step p{
  margin-top:.48rem;
  color:rgba(248,251,255,.79);
  font-size:.97rem;
  line-height:1.58;
}

.blkh-deliverable-main{
  --panel-bg:linear-gradient(180deg, rgba(14,18,27,.88), rgba(18,27,41,.82));
  --panel-border:rgba(255,255,255,.13);
}

.blkh-card-kicker{
  margin-bottom:.1rem;
}

.blkh-mini-grid{
  display:grid;
  gap:.82rem;
}

.blkh-mini-grid .ui-feature-row{
  --feature-padding:.9rem .94rem;
  --feature-radius:18px;
  --feature-border:rgba(255,255,255,.10);
  --feature-bg:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.018));
  --feature-shadow:none;
}

.blkh-mini-grid .ui-feature-row .blkh-card-icon{
  --icon-box-size:2.15rem;
  --icon-box-radius:15px;
}

.blkh-mini-grid .ui-feature-title{
  font-size:.98rem;
}

.blkh-format-card{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:1.12rem 1.08rem 1.16rem;
  min-height:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  text-decoration:none;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  box-shadow:0 16px 36px rgba(0,0,0,.16);
}

.blkh-format-card:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .84);
  outline-offset:3px;
}

.blkh-format-card strong{
  margin-top:.2rem;
  font-size:1.08rem;
  font-weight:900;
  letter-spacing:-.01em;
  line-height:1.3;
}

.blkh-format-card span:last-child{
  color:rgba(248,251,255,.78);
  font-size:.95rem;
  line-height:1.56;
}

.blkh-format-note{
  --note-padding:1rem 1.05rem;
  --note-gap:.8rem;
  --note-border:rgba(255,255,255,.11);
  --note-bg:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
  --note-shadow:0 18px 36px rgba(0,0,0,.18);
  margin-top:1rem;
}

.blkh-process-list{
  list-style:none;
  position:relative;
}

.blkh-faq-list{
  max-width:62rem;
  margin:1.7rem auto 0;
}

.blkh-faq-item{
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
}

.blkh-faq-item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.14rem 1.18rem;
  cursor:pointer;
  font-size:1.03rem;
  font-weight:850;
  color:#fff;
  transition:background var(--transition-base);
}

.blkh-faq-item summary:hover{
  background:rgba(255,255,255,.03);
}

.blkh-faq-item summary:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .82);
  outline-offset:-2px;
}

.blkh-faq-item__icon{
  position:relative;
  flex:0 0 auto;
  width:1rem;
  height:1rem;
}

.blkh-faq-item__icon::before,
.blkh-faq-item__icon::after{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:.92rem;
  height:2px;
  border-radius:999px;
  background:rgba(248,251,255,.84);
  transform:translate(-50%, -50%);
  transition:transform var(--transition-base), opacity var(--transition-base);
}

.blkh-faq-item__icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.blkh-faq-item[open] .blkh-faq-item__icon::after{
  opacity:0;
  transform:translate(-50%, -50%) rotate(90deg) scaleX(.5);
}

.blkh-faq-item__body{
  padding:0 1.18rem 1.18rem;
}

.blkh-faq-item__body p{
  color:rgba(248,251,255,.80);
  font-size:.98rem;
  line-height:1.6;
}

.blkh-faq-item__body p + p{
  margin-top:.8rem;
}

.blkh-cta-panel{
  --panel-bg:linear-gradient(135deg, rgba(16,19,27,.92), rgba(20,29,43,.90));
  --panel-border:rgba(255,255,255,.14);
  --panel-shadow:0 36px 86px rgba(0,0,0,.28);
  position:relative;
  overflow:hidden;
}

.blkh-cta-panel::before{
  content:"";
  position:absolute;
  inset:auto auto -7rem -6rem;
  width:18rem;
  height:18rem;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--brand-rgb), .18) 0%, rgba(var(--brand-rgb), 0) 72%);
  pointer-events:none;
}

.blkh-cta-panel::after{
  content:"";
  position:absolute;
  inset:-6rem -5rem auto auto;
  width:16rem;
  height:16rem;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--brand-green-rgb), .16) 0%, rgba(var(--brand-green-rgb), 0) 72%);
  pointer-events:none;
}

.blkh-cta__grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:1.2rem;
  padding:clamp(1.3rem, 3vw, 2rem);
}

.blkh-cta__copy h2{
  margin-top:.95rem;
  max-width:18ch;
}

.blkh-cta__copy .ui-copy-lead{
  max-width:40rem;
}

.blkh-cta__aside{
  display:grid;
  gap:.82rem;
  align-content:start;
}

.blkh-cta-card{
  display:flex;
  flex-direction:column;
  gap:.36rem;
}

.blkh-cta-card__head{
  display:flex;
  align-items:center;
  gap:.72rem;
}

.blkh-cta-card strong{
  margin-top:0;
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.01em;
}

.blkh-cta-card span:last-child{
  color:rgba(248,251,255,.78);
  font-size:.95rem;
  line-height:1.52;
}

@media (min-width:48rem){
  .blkh-criteria-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .blkh-format-grid,
  .blkh-path-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .blkh-deliverables-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .blkh-process-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:62rem){
  .blkh-hero__inner{
    grid-template-columns:minmax(0, 1.04fr) minmax(24rem, .96fr);
  }

  .blkh-deliverables-grid{
    grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
  }

  .blkh-deliverable-main{
    grid-row:1 / span 2;
  }

  .blkh-process-list{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:1rem;
  }

  .blkh-process-list::before{
    content:"";
    position:absolute;
    top:1.15rem;
    left:12%;
    right:12%;
    height:1px;
    background:linear-gradient(90deg, rgba(var(--brand-rgb), .34), rgba(var(--brand-indigo-rgb), .30), rgba(var(--brand-green-rgb), .34));
    pointer-events:none;
  }

  .blkh-cta__grid{
    grid-template-columns:minmax(0, 1.06fr) minmax(18rem, .94fr);
    align-items:center;
  }
}

@media (max-width:61.98rem){
  .blkh-section-head h2,
  .blkh-cta__copy h2{
    max-width:none;
  }

  .blkh-hero__title{
    max-width:min(100%, var(--page-h1-max-width));
  }
}

@media (max-width:47.98rem){
  .blkh-hero__title{
    font-size:var(--page-h1-size);
    line-height:var(--page-heading-line-height);
  }

  .blkh-path .ui-panel__top,
  .blkh-path .ui-panel__bottom,
  .blkh-deliverable-main .ui-panel__top,
  .blkh-deliverable-main .ui-panel__bottom,
  .blkh-faq-item summary,
  .blkh-faq-item__body{
    padding-left:1rem;
    padding-right:1rem;
  }

  .blkh-criteria-card,
  .blkh-deliverable-card,
  .blkh-step,
  .blkh-format-card,
  .blkh-cta-card,
  .blkh-shot__caption,
  .blkh-format-note{
    padding-left:1rem;
    padding-right:1rem;
  }

  .blkh-cta__grid{
    padding:1.05rem;
  }

  .blkh-cta .ui-cta-row{
    align-items:stretch;
  }

  .blkh-cta .buttonmain,
  .blkh-cta .buttonmainsecond{
    width:100%;
  }
}

@media (prefers-reduced-motion: reduce){
  .blkh-shot__media img,
  .blkh-criteria-card,
  .blkh-deliverable-card,
  .blkh-step,
  .blkh-format-card,
  .blkh-cta-card{
    transition:none;
  }
}
