.page-seo-beratung{
  --szb-panel:rgba(13,17,26,.78);
  --szb-border:rgba(255,255,255,.1);
  --szb-border-strong:rgba(255,255,255,.16);
  --szb-radius-xl:30px;
  --szb-radius-lg:24px;
  --szb-radius-md:18px;
  --szb-radius-sm:14px;
  --szb-warm-rgb:214,152,96;
}

.page-seo-beratung .szb-page{
  position:relative;
}

.page-seo-beratung .szb-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.page-seo-beratung .szb-hero__grid{
  --split-cols:minmax(0, .96fr) minmax(340px, 1.04fr);
  --split-align-desktop:start;
}

.page-seo-beratung .szb-hero__copy{
  max-width:45rem;
}

.page-seo-beratung .szb-hero__title{
  max-width:18.2ch;
  margin-bottom:.92rem;
}

.page-seo-beratung .szb-hero__lead,
.page-seo-beratung .szb-hero__body,
.page-seo-beratung .szb-hero__meta{
  max-width:40rem;
}

.page-seo-beratung .szb-hero__actions{
  --cta-mt:1.14rem;
}

.page-seo-beratung .szb-section-head{
  max-width:58rem;
  margin-bottom:1.2rem;
}

.page-seo-beratung .szb-section-head--center{
  margin-inline:auto;
  text-align:center;
  --eyebrow-margin-inline:auto;
}

.page-seo-beratung .szb-icon{
  color:#fff;
}

.page-seo-beratung .szb-icon svg{
  width:1.06rem;
  height:1.06rem;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.82;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.page-seo-beratung .szb-tone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.page-seo-beratung .szb-tone::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, var(--szb-accent, rgba(var(--brand-rgb), .96)), transparent 74%);
  opacity:.92;
  pointer-events:none;
}

.page-seo-beratung .szb-tone--brand{
  --szb-accent:rgba(var(--brand-rgb), .96);
}

.page-seo-beratung .szb-tone--indigo{
  --szb-accent:rgba(var(--brand-indigo-rgb), .92);
}

.page-seo-beratung .szb-tone--warm{
  --szb-accent:rgba(var(--szb-warm-rgb), .94);
}

.page-seo-beratung .szb-track-card,
.page-seo-beratung .szb-compare__card,
.page-seo-beratung .szb-advice__row,
.page-seo-beratung .szb-route,
.page-seo-beratung .szb-step,
.page-seo-beratung .szb-close__line{
  min-width:0;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(14,18,28,.58);
  box-shadow:var(--shadow-card);
  transition:
    transform var(--transition-fast),
    border-color var(--transition-fast),
    background var(--transition-fast),
    box-shadow var(--transition-fast);
}

.page-seo-beratung .szb-track-card:hover,
.page-seo-beratung .szb-compare__card:hover,
.page-seo-beratung .szb-advice__row:hover,
.page-seo-beratung .szb-route:hover,
.page-seo-beratung .szb-step:hover,
.page-seo-beratung .szb-close__line:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    rgba(14,18,28,.66);
  box-shadow:var(--shadow-card-deep);
}

.page-seo-beratung .szb-studio{
  align-self:center;
  display:grid;
  gap:1rem;
  padding:1rem;
  border-radius:var(--szb-radius-xl);
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 88% 12%, rgba(var(--brand-indigo-rgb), .15), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(12,16,25,.8);
}

.page-seo-beratung .szb-studio__head{
  display:grid;
  gap:.62rem;
  padding:.12rem .12rem 0;
}

.page-seo-beratung .szb-studio__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.48rem;
  color:rgba(248,251,255,.72);
  font-size:.8rem;
  font-weight:790;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.page-seo-beratung .szb-studio__eyebrow::before{
  content:"";
  width:.46rem;
  height:.46rem;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .98);
  box-shadow:0 0 0 4px rgba(var(--brand-rgb), .14);
}

.page-seo-beratung .szb-studio__head strong{
  display:block;
  font-size:1.16rem;
  line-height:1.24;
  letter-spacing:-.018em;
}

.page-seo-beratung .szb-studio__grid{
  display:grid;
  gap:.84rem;
}

.page-seo-beratung .szb-track-card{
  display:grid;
  gap:.34rem;
  padding:.92rem .98rem .98rem;
  border-radius:var(--szb-radius-md);
}

.page-seo-beratung .szb-track-card h2{
  margin:0;
  font-size:1rem;
  line-height:1.28;
  letter-spacing:-.012em;
}

.page-seo-beratung .szb-track-card p{
  margin:0;
  line-height:1.58;
}

.page-seo-beratung .szb-compare{
  display:grid;
  gap:.92rem;
  padding:1rem;
  border-radius:var(--szb-radius-xl);
}

.page-seo-beratung .szb-compare__card{
  display:grid;
  gap:.44rem;
  padding:1rem 1.04rem 1.06rem;
  border-radius:var(--szb-radius-lg);
}

.page-seo-beratung .szb-compare__label,
.page-seo-beratung .szb-advice__label,
.page-seo-beratung .szb-close__label{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  width:fit-content;
  padding:.34rem .66rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:rgba(248,251,255,.82);
  font-size:.77rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.page-seo-beratung .szb-compare__card h3,
.page-seo-beratung .szb-advice__copy h3,
.page-seo-beratung .szb-route h3,
.page-seo-beratung .szb-step__body h3,
.page-seo-beratung .szb-close__line h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.26;
  letter-spacing:-.012em;
}

.page-seo-beratung .szb-compare__card p,
.page-seo-beratung .szb-advice__copy p,
.page-seo-beratung .szb-route p,
.page-seo-beratung .szb-step__body p,
.page-seo-beratung .szb-close__line p{
  margin:0;
  line-height:1.62;
}

.page-seo-beratung .szb-advice__rows{
  display:grid;
  gap:.94rem;
}

.page-seo-beratung .szb-advice__row{
  display:grid;
  gap:1rem;
  padding:1rem 1.06rem;
  border-radius:var(--szb-radius-xl);
}

.page-seo-beratung .szb-advice__meta{
  display:flex;
  align-items:center;
  gap:.76rem;
}

.page-seo-beratung .szb-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.78rem;
}

.page-seo-beratung .szb-list li{
  position:relative;
  padding-left:1.18rem;
  line-height:1.58;
  color:rgba(248,251,255,.84);
}

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

.page-seo-beratung .szb-advice__row.szb-tone--indigo .szb-list li::before{
  background:rgba(var(--brand-indigo-rgb), .94);
  box-shadow:0 0 0 4px rgba(var(--brand-indigo-rgb), .14);
}

.page-seo-beratung .szb-advice__row.szb-tone--warm .szb-list li::before{
  background:rgba(var(--szb-warm-rgb), .94);
  box-shadow:0 0 0 4px rgba(var(--szb-warm-rgb), .14);
}

.page-seo-beratung .szb-fit__shell{
  --split-cols:minmax(0, 1fr) minmax(0, 1fr);
  --split-align-desktop:stretch;
}

.page-seo-beratung .szb-fit__panel{
  padding:1rem;
  border-radius:var(--szb-radius-xl);
}

.page-seo-beratung .szb-list--panel{
  margin-top:1rem;
}

.page-seo-beratung .szb-process__steps{
  display:grid;
  gap:.92rem;
  position:relative;
}

.page-seo-beratung .szb-step{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.92rem;
  align-items:start;
  padding:1rem;
  border-radius:var(--szb-radius-lg);
}

.page-seo-beratung .szb-step__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.32rem;
  height:2.32rem;
  border-radius:50%;
  border:1px solid rgba(var(--brand-rgb), .24);
  background:rgba(var(--brand-rgb), .12);
  color:#fff;
  font-size:.76rem;
  font-weight:820;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.page-seo-beratung .szb-route-grid{
  display:grid;
  gap:.92rem;
}

.page-seo-beratung .szb-route{
  display:flex;
  flex-direction:column;
  gap:.18rem;
  min-height:100%;
  padding:1rem 1.04rem 1.08rem;
  border-radius:var(--szb-radius-lg);
  text-decoration:none;
}

.page-seo-beratung .szb-route__head{
  display:flex;
  align-items:center;
  gap:.76rem;
  margin-bottom:.42rem;
  min-width:0;
}

.page-seo-beratung .szb-route .ui-text-link{
  margin-top:auto;
  width:fit-content;
}

.page-seo-beratung .szb-route:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .86);
  outline-offset:3px;
}

.page-seo-beratung .szb-faq__grid{
  --split-cols:minmax(0, .82fr) minmax(0, 1.18fr);
  --split-align-desktop:center;
}

.page-seo-beratung .szb-faq__copy{
  max-width:34rem;
}

.page-seo-beratung .szb-faq__wrap{
  display:grid;
  gap:.88rem;
}

.page-seo-beratung .szb-faq__item{
  border-radius:var(--szb-radius-lg);
  border:1px solid rgba(255,255,255,.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(14,18,28,.58);
  box-shadow:var(--shadow-card);
  overflow:hidden;
  transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.page-seo-beratung .szb-faq__item:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  box-shadow:var(--shadow-card-deep);
}

.page-seo-beratung .szb-faq__item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  list-style:none;
  cursor:pointer;
  padding:1rem 1.08rem;
}

.page-seo-beratung .szb-faq__item summary::-webkit-details-marker{
  display:none;
}

.page-seo-beratung .szb-faq__item summary span:first-child{
  font-size:1.02rem;
  font-weight:860;
  line-height:1.34;
  color:#fff;
}

.page-seo-beratung .szb-faq__icon{
  position:relative;
  width:1.18rem;
  height:1.18rem;
  flex:0 0 1.18rem;
}

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

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

.page-seo-beratung .szb-faq__item[open] .szb-faq__icon::after{
  opacity:0;
}

.page-seo-beratung .szb-faq__answer{
  padding:0 1.08rem 1.04rem;
}

.page-seo-beratung .szb-faq__answer p{
  font-size:1rem;
  line-height:1.66;
}

.page-seo-beratung .szb-faq__answer a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.22);
  transition:border-color var(--transition-fast), color var(--transition-fast);
}

.page-seo-beratung .szb-faq__answer a:hover,
.page-seo-beratung .szb-faq__answer a:focus-visible{
  border-bottom-color:rgba(255,255,255,.44);
}

.page-seo-beratung .szb-close__panel{
  padding:1.06rem;
  border-radius:var(--szb-radius-xl);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(12,16,25,.8);
}

.page-seo-beratung .szb-close__grid{
  --split-cols:minmax(0, .98fr) minmax(0, .82fr);
  --split-align-desktop:center;
}

.page-seo-beratung .szb-close__copy{
  max-width:39rem;
}

.page-seo-beratung .szb-close__actions{
  --cta-mt:1.02rem;
}

.page-seo-beratung .szb-close__mini{
  margin-top:1rem;
}

.page-seo-beratung .szb-close__summary{
  display:grid;
  gap:.82rem;
  padding:1rem 1.04rem;
  border-radius:var(--szb-radius-lg);
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(255,255,255,.03);
}

.page-seo-beratung .szb-close__line{
  display:grid;
  gap:.38rem;
  padding:.96rem 1rem 1rem;
  border-radius:var(--szb-radius-md);
}

@media (min-width: 48rem){
  .page-seo-beratung .szb-studio__grid,
  .page-seo-beratung .szb-compare,
  .page-seo-beratung .szb-route-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 70rem){
  .page-seo-beratung .szb-compare{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .page-seo-beratung .szb-advice__row{
    grid-template-columns:minmax(0, .28fr) minmax(0, .72fr) minmax(0, .64fr);
    align-items:start;
  }

  .page-seo-beratung .szb-route-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 61.99rem){
  .page-seo-beratung .szb-close__summary{
    padding:1rem .95rem;
  }
}

@media (max-width: 47.99rem){
  .page-seo-beratung .szb-studio,
  .page-seo-beratung .szb-compare,
  .page-seo-beratung .szb-fit__panel,
  .page-seo-beratung .szb-close__panel{
    padding:.92rem;
  }

  .page-seo-beratung .szb-track-card,
  .page-seo-beratung .szb-compare__card,
  .page-seo-beratung .szb-advice__row,
  .page-seo-beratung .szb-route,
  .page-seo-beratung .szb-step,
  .page-seo-beratung .szb-close__line{
    padding:.95rem;
  }

  .page-seo-beratung .szb-hero__actions .buttonmain,
  .page-seo-beratung .szb-hero__actions .buttonmainsecond,
  .page-seo-beratung .szb-close__actions .buttonmain,
  .page-seo-beratung .szb-close__actions .buttonmainsecond{
    width:100%;
  }
}