.page-b2b-seo-agentur .b2b-hero{
  padding-top:var(--page-breadcrumb-top-space);
  padding-bottom:clamp(2.8rem, 4.6vw, 4.2rem);
}

.page-b2b-seo-agentur .b2b-hero__grid{
  --split-cols:minmax(0, 1.04fr) minmax(0, .96fr);
  --split-align-desktop:start;
}

.page-b2b-seo-agentur .b2b-breadcrumbs{
  margin-bottom:var(--page-breadcrumb-bottom-space);
}

.page-b2b-seo-agentur .b2b-breadcrumbs__list{
  display:flex;
  flex-wrap:wrap;
  gap:var(--page-breadcrumb-list-gap);
  list-style:none;
  color:var(--fg-muted);
  font-size:.92rem;
}

.page-b2b-seo-agentur .b2b-breadcrumbs__item{
  display:inline-flex;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
}

.page-b2b-seo-agentur .b2b-breadcrumbs__item:not(:last-child)::after{
  content:"/";
  color:rgba(255,255,255,.26);
}

.page-b2b-seo-agentur .b2b-breadcrumbs a{
  text-decoration:none;
  transition:color var(--transition-fast);
}

.page-b2b-seo-agentur .b2b-breadcrumbs a:hover{
  color:var(--fg-soft);
}

.page-b2b-seo-agentur .b2b-breadcrumbs a:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .75);
  outline-offset:3px;
  border-radius:8px;
}

.page-b2b-seo-agentur .b2b-breadcrumbs [aria-current="page"]{
  color:var(--fg-soft);
}

.page-b2b-seo-agentur .b2b-section-pill{
  margin-bottom:.92rem;
}

.page-b2b-seo-agentur .b2b-section-head--center .b2b-section-pill{
  margin-inline:auto;
}

.page-b2b-seo-agentur .b2b-hero h1{
  max-width:min(100%, var(--page-h1-max-width));
  margin-top:1rem;
  margin-bottom:1rem;
  font-size:var(--page-h1-size);
}

.page-b2b-seo-agentur .b2b-hero .ui-copy-lead,
.page-b2b-seo-agentur .b2b-hero .ui-copy-body{
  max-width:49rem;
}

.page-b2b-seo-agentur .b2b-hero__actions{
  --cta-mt:1.28rem;
  --cta-gap:.82rem;
}

.page-b2b-seo-agentur .b2b-svg{
  width:1.05rem;
  height:1.05rem;
}

.page-b2b-seo-agentur .b2b-icon-box{
  color:rgba(248,251,255,.94);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  border-color:rgba(255,255,255,.12);
}

.page-b2b-seo-agentur .b2b-panel,
.page-b2b-seo-agentur .b2b-card,
.page-b2b-seo-agentur .b2b-step-card,
.page-b2b-seo-agentur .b2b-faq__item{
  transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);
}

.page-b2b-seo-agentur .b2b-panel{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  --panel-border:rgba(255,255,255,.12);
  --panel-shadow:var(--shadow-panel);
  box-shadow:var(--panel-shadow), inset 0 1px 0 rgba(255,255,255,.05);
}

.page-b2b-seo-agentur .b2b-panel:hover,
.page-b2b-seo-agentur .b2b-panel:focus-within{
  transform:translateY(-3px);
  box-shadow:var(--shadow-panel-strong), inset 0 1px 0 rgba(255,255,255,.08);
}

.page-b2b-seo-agentur .b2b-panel--hero{
  --panel-bg:linear-gradient(165deg, rgba(var(--brand-rgb), .14) 0%, rgba(var(--brand-green-rgb), .07) 58%, rgba(255,255,255,.03) 100%);
  --panel-border:rgba(var(--brand-rgb), .20);
}

.page-b2b-seo-agentur .b2b-panel--copy{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  --panel-border:rgba(255,255,255,.12);
}

.page-b2b-seo-agentur .b2b-panel--brand{
  --panel-bg:linear-gradient(165deg, rgba(var(--brand-rgb), .18) 0%, rgba(var(--brand-dark-rgb), .10) 58%, rgba(255,255,255,.03) 100%);
  --panel-border:rgba(var(--brand-rgb), .22);
}

.page-b2b-seo-agentur .b2b-panel--proof{
  --panel-bg:linear-gradient(165deg, rgba(var(--brand-green-rgb), .11) 0%, rgba(var(--brand-rgb), .08) 62%, rgba(255,255,255,.03) 100%);
  --panel-border:rgba(var(--brand-green-rgb), .18);
}

.page-b2b-seo-agentur .b2b-panel--market{
  --panel-bg:linear-gradient(180deg, rgba(190,95,74,.16), rgba(255,255,255,.03));
  --panel-border:rgba(220,130,106,.24);
}

.page-b2b-seo-agentur .b2b-panel--approach{
  --panel-bg:linear-gradient(165deg, rgba(var(--brand-rgb), .15) 0%, rgba(var(--brand-green-rgb), .10) 68%, rgba(255,255,255,.03) 100%);
  --panel-border:rgba(var(--brand-rgb), .22);
}

.page-b2b-seo-agentur .b2b-panel--final{
  --panel-bg:linear-gradient(165deg, rgba(var(--brand-rgb), .13) 0%, rgba(var(--brand-green-rgb), .08) 68%, rgba(255,255,255,.03) 100%);
  --panel-border:rgba(var(--brand-rgb), .19);
}

.page-b2b-seo-agentur .b2b-panel__bottom-grid{
  display:grid;
  gap:.9rem;
}

.page-b2b-seo-agentur .b2b-focus-list{
  display:grid;
  gap:.84rem;
  padding:0 1.28rem 1.18rem;
}

.page-b2b-seo-agentur .b2b-focus-item{
  --feature-padding:.88rem .96rem;
  --feature-bg:rgba(255,255,255,.035);
  --feature-border:rgba(255,255,255,.08);
  --feature-shadow:none;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}

.page-b2b-seo-agentur .b2b-focus-item:hover,
.page-b2b-seo-agentur .b2b-focus-item:focus-within{
  transform:translateY(-2px);
  --feature-bg:rgba(255,255,255,.05);
  --feature-border:rgba(255,255,255,.12);
}

.page-b2b-seo-agentur .b2b-section-head{
  max-width:49rem;
  margin-bottom:1.5rem;
}

.page-b2b-seo-agentur .b2b-section-head--compact{
  margin-bottom:1.2rem;
}

.page-b2b-seo-agentur .b2b-section-head--center{
  margin-inline:auto;
  text-align:center;
}

.page-b2b-seo-agentur .b2b-section-head p{
  max-width:46rem;
}

.page-b2b-seo-agentur .b2b-section-head--center p{
  margin-inline:auto;
}

.page-b2b-seo-agentur .b2b-section-head h2{
  margin-top:.18rem;
}

.page-b2b-seo-agentur .b2b-section-head h2.ui-line-accent{
  --line-width:min(14rem, 48%);
  --line-gap:.72rem;
}

.page-b2b-seo-agentur .b2b-audience-layout,
.page-b2b-seo-agentur .b2b-service-shell,
.page-b2b-seo-agentur .b2b-proof-shell,
.page-b2b-seo-agentur .b2b-final-grid{
  display:grid;
  gap:1.3rem;
}

.page-b2b-seo-agentur .b2b-symptom-grid,
.page-b2b-seo-agentur .b2b-shift-grid,
.page-b2b-seo-agentur .b2b-fit-grid,
.page-b2b-seo-agentur .b2b-service-grid,
.page-b2b-seo-agentur .b2b-compare-grid,
.page-b2b-seo-agentur .b2b-proof-grid,
.page-b2b-seo-agentur .b2b-process-grid{
  display:grid;
  gap:1rem;
}

.page-b2b-seo-agentur .b2b-shift-grid,
.page-b2b-seo-agentur .b2b-process-grid,
.page-b2b-seo-agentur .b2b-proof-grid,
.page-b2b-seo-agentur .b2b-service-grid,
.page-b2b-seo-agentur .b2b-compare-grid{
  margin-top:1rem;
}

.page-b2b-seo-agentur .b2b-card{
  display:flex;
  flex-direction:column;
  gap:.9rem;
  min-height:100%;
  padding:1.14rem 1.12rem 1.16rem;
  --surface-bg:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  --surface-border:rgba(255,255,255,.08);
  box-shadow:var(--shadow-card), inset 0 1px 0 rgba(255,255,255,.04);
}

.page-b2b-seo-agentur .b2b-card:hover,
.page-b2b-seo-agentur .b2b-card:focus-within,
.page-b2b-seo-agentur .b2b-step-card:hover,
.page-b2b-seo-agentur .b2b-step-card:focus-within{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.14);
  box-shadow:var(--shadow-card-deep), inset 0 1px 0 rgba(255,255,255,.07);
}

.page-b2b-seo-agentur .b2b-card--soft{
  --surface-bg:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

.page-b2b-seo-agentur .b2b-card--contrast,
.page-b2b-seo-agentur .b2b-final-card{
  --surface-bg:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  --surface-border:rgba(255,255,255,.11);
}

.page-b2b-seo-agentur .b2b-card--brand{
  --surface-bg:linear-gradient(180deg, rgba(var(--brand-rgb), .10), rgba(255,255,255,.03));
  --surface-border:rgba(var(--brand-rgb), .17);
}

.page-b2b-seo-agentur .b2b-card--green{
  --surface-bg:linear-gradient(180deg, rgba(var(--brand-green-rgb), .09), rgba(255,255,255,.03));
  --surface-border:rgba(var(--brand-green-rgb), .16);
}

.page-b2b-seo-agentur .b2b-card--indigo{
  --surface-bg:linear-gradient(180deg, rgba(var(--brand-dark-rgb), .10), rgba(255,255,255,.03));
  --surface-border:rgba(var(--brand-dark-rgb), .18);
}

.page-b2b-seo-agentur .b2b-card--neutral{
  --surface-bg:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}

.page-b2b-seo-agentur .b2b-card__head,
.page-b2b-seo-agentur .b2b-step-card__head{
  display:flex;
  gap:.84rem;
  align-items:flex-start;
}

.page-b2b-seo-agentur .b2b-card h3,
.page-b2b-seo-agentur .b2b-step-card h3,
.page-b2b-seo-agentur .b2b-panel .ui-panel__title{
  margin:0;
  font-weight:900;
  letter-spacing:-.015em;
  line-height:1.22;
}

.page-b2b-seo-agentur .b2b-card h3,
.page-b2b-seo-agentur .b2b-step-card h3{
  font-size:clamp(1.03rem, 1vw + .88rem, 1.22rem);
}

.page-b2b-seo-agentur .b2b-card__footer{
  margin-top:auto;
  padding-top:.08rem;
}

.page-b2b-seo-agentur .b2b-list{
  list-style:none;
  display:grid;
  gap:.62rem;
}

.page-b2b-seo-agentur .b2b-list li{
  position:relative;
  padding-left:1rem;
  color:var(--fg-body);
  font-size:var(--text-size-sm);
  line-height:var(--text-lh-sm);
}

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

.page-b2b-seo-agentur .b2b-fit-grid .b2b-card .b2b-icon-box,
.page-b2b-seo-agentur .b2b-proof-grid .b2b-card .b2b-icon-box,
.page-b2b-seo-agentur .b2b-final-card .b2b-icon-box{
  margin-top:.05rem;
}

.page-b2b-seo-agentur .b2b-service-card .ui-text-link{
  align-self:flex-start;
}

.page-b2b-seo-agentur .b2b-service-panel{
  --panel-top-pad:1.4rem 1.35rem 1rem;
  --panel-bottom-pad:1.08rem 1.35rem 1.3rem;
}

.page-b2b-seo-agentur .b2b-service-panel__bottom{
  display:grid;
  gap:.92rem;
}

.page-b2b-seo-agentur .b2b-eyebrow{
  display:inline-flex;
  align-items:center;
  padding:.4rem .68rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:rgba(248,251,255,.84);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.page-b2b-seo-agentur .b2b-note{
  margin-top:1rem;
  --note-bg:rgba(255,255,255,.03);
  --note-border:rgba(255,255,255,.08);
  --note-shadow:var(--shadow-soft);
  transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);
}

.page-b2b-seo-agentur .b2b-note:hover,
.page-b2b-seo-agentur .b2b-note:focus-within{
  transform:translateY(-3px);
  --note-border:rgba(255,255,255,.12);
  --note-bg:rgba(255,255,255,.04);
  --note-shadow:var(--shadow-card);
}

.page-b2b-seo-agentur .b2b-note strong{
  display:block;
  margin-bottom:.16rem;
  font-weight:900;
}

.page-b2b-seo-agentur .b2b-step-card{
  display:flex;
  flex-direction:column;
  gap:.84rem;
  min-height:100%;
  padding:1.1rem 1.08rem 1.14rem;
  border-radius:var(--radius-md);
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow:var(--shadow-card), inset 0 1px 0 rgba(255,255,255,.04);
}

.page-b2b-seo-agentur .b2b-step-card__index{
  width:2.4rem;
  height:2.4rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .26);
  background:rgba(var(--brand-rgb), .12);
  color:rgba(var(--brand-rgb), 1);
  font-size:.92rem;
  font-weight:950;
  flex:0 0 auto;
}

.page-b2b-seo-agentur .b2b-step-card__outcome{
  margin-top:.24rem;
  color:var(--fg-muted);
  font-size:var(--text-size-xs);
  font-weight:820;
  letter-spacing:.01em;
}

.page-b2b-seo-agentur .b2b-proof-grid{
  align-content:center;
}

.page-b2b-seo-agentur .b2b-inline-actions{
  --cta-gap:.72rem;
}

.page-b2b-seo-agentur .b2b-service-shell .b2b-service-grid,
.page-b2b-seo-agentur .b2b-proof-shell .b2b-proof-grid{
  margin-top:0;
}

.page-b2b-seo-agentur .b2b-faq{
  max-width:56rem;
  margin-inline:auto;
}

.page-b2b-seo-agentur .b2b-faq__item{
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.03);
  box-shadow:var(--shadow-card), inset 0 1px 0 rgba(255,255,255,.04);
}

.page-b2b-seo-agentur .b2b-faq__item:hover,
.page-b2b-seo-agentur .b2b-faq__item:focus-within{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.12);
  box-shadow:var(--shadow-card-deep), inset 0 1px 0 rgba(255,255,255,.06);
}

.page-b2b-seo-agentur .b2b-faq__item + .b2b-faq__item{
  margin-top:.88rem;
}

.page-b2b-seo-agentur .b2b-faq__question{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.08rem;
  cursor:pointer;
  font-weight:860;
  line-height:1.45;
  transition:background var(--transition-fast);
}

.page-b2b-seo-agentur .b2b-faq__question:hover{
  background:rgba(255,255,255,.02);
}

.page-b2b-seo-agentur .b2b-faq__question:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .75);
  outline-offset:4px;
  border-radius:16px;
}

.page-b2b-seo-agentur .b2b-faq__icon{
  position:relative;
  width:1rem;
  height:1rem;
  flex:0 0 auto;
  margin-top:.28rem;
}

.page-b2b-seo-agentur .b2b-faq__icon::before,
.page-b2b-seo-agentur .b2b-faq__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:.9rem;
  height:2px;
  border-radius:999px;
  background:rgba(248,251,255,.88);
  transform:translate(-50%, -50%);
  transition:opacity var(--transition-fast), transform var(--transition-fast);
}

.page-b2b-seo-agentur .b2b-faq__icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.page-b2b-seo-agentur .b2b-faq__item[open] .b2b-faq__icon::after{
  opacity:0;
  transform:translate(-50%, -50%) rotate(90deg) scale(.65);
}

.page-b2b-seo-agentur .b2b-faq__answer{
  padding:0 1.08rem 1.08rem;
}

.page-b2b-seo-agentur .b2b-faq__answer p{
  font-size:var(--text-size-sm);
}

.page-b2b-seo-agentur .b2b-final-grid{
  gap:1.2rem;
  align-items:stretch;
}

.page-b2b-seo-agentur .b2b-final__top{
  padding-right:0;
}


.page-b2b-seo-agentur .b2b-final__top .b2b-section-pill{
  margin-bottom:.92rem;
}

.page-b2b-seo-agentur .b2b-final__top h2.ui-line-accent{
  --line-width:min(14rem, 42%);
  --line-gap:.72rem;
}

.page-b2b-seo-agentur .b2b-final__top h2{
  margin-top:.16rem;
}

.page-b2b-seo-agentur .b2b-final__actions{
  --cta-mt:1.16rem;
  --cta-gap:.8rem;
}

.page-b2b-seo-agentur .b2b-final__side{
  display:flex;
  padding:1.1rem 1.1rem 1.15rem 0;
}

.page-b2b-seo-agentur .b2b-final-card{
  height:100%;
  justify-content:center;
}

@media (min-width: 62rem){
  .page-b2b-seo-agentur .b2b-audience-layout{
    grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
    align-items:center;
  }

  .page-b2b-seo-agentur .b2b-service-shell{
    grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
    align-items:start;
    gap:1.45rem;
  }

  .page-b2b-seo-agentur .b2b-proof-shell{
    grid-template-columns:minmax(0, .94fr) minmax(0, 1.06fr);
    align-items:center;
  }

  .page-b2b-seo-agentur .b2b-final-grid{
    grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
  }

  .page-b2b-seo-agentur .b2b-symptom-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .page-b2b-seo-agentur .b2b-shift-grid,
  .page-b2b-seo-agentur .b2b-compare-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-b2b-seo-agentur .b2b-fit-grid,
  .page-b2b-seo-agentur .b2b-service-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-b2b-seo-agentur .b2b-fit-grid{
    align-content:center;
  }

  .page-b2b-seo-agentur .b2b-process-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .page-b2b-seo-agentur .b2b-proof-grid{
    grid-template-columns:1fr;
  }
}

@media (min-width: 62rem) and (max-width: 79.99rem){
  .page-b2b-seo-agentur .b2b-hero h1{
    max-width:min(100%, var(--page-h1-max-width));
  }
}

@media (max-width: 61.99rem){
  .page-b2b-seo-agentur .b2b-hero h1{
    max-width:min(100%, var(--page-h1-max-width));
  }

  .page-b2b-seo-agentur .b2b-final__side{
    padding:0 1.1rem 1.15rem 1.1rem;
  }

  .page-b2b-seo-agentur .b2b-process-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 47.99rem){
  .page-b2b-seo-agentur .b2b-hero{
    padding-top:var(--page-breadcrumb-top-space);
    padding-bottom:2.4rem;
  }

  .page-b2b-seo-agentur .b2b-breadcrumbs__list{
    gap:.3rem .58rem;
    font-size:.88rem;
  }

  .page-b2b-seo-agentur .b2b-card,
  .page-b2b-seo-agentur .b2b-step-card,
  .page-b2b-seo-agentur .b2b-faq__item{
    border-radius:18px;
  }

  .page-b2b-seo-agentur .b2b-focus-list{
    padding:0 1rem 1rem;
  }

  .page-b2b-seo-agentur .b2b-faq__question,
  .page-b2b-seo-agentur .b2b-faq__answer,
  .page-b2b-seo-agentur .b2b-card,
  .page-b2b-seo-agentur .b2b-step-card{
    padding-left:1rem;
    padding-right:1rem;
  }

  .page-b2b-seo-agentur .b2b-process-grid{
    grid-template-columns:1fr;
  }

  .page-b2b-seo-agentur .b2b-hero__actions .buttonmain,
  .page-b2b-seo-agentur .b2b-hero__actions .buttonmainsecond,
  .page-b2b-seo-agentur .b2b-final__actions .buttonmain,
  .page-b2b-seo-agentur .b2b-final__actions .buttonmainsecond{
    width:100%;
  }
}

@media (max-width: 34rem){
  .page-b2b-seo-agentur .b2b-hero h1{
    font-size:var(--page-h1-size);
  }

  .page-b2b-seo-agentur .b2b-panel__bottom-grid,
  .page-b2b-seo-agentur .b2b-service-panel__bottom{
    gap:.78rem;
  }
}