.page-php-website-erstellen-lassen{
  --pwe-panel:rgba(14,18,28,.74);
  --pwe-border:rgba(255,255,255,.10);
  --pwe-border-strong:rgba(255,255,255,.16);
  --pwe-radius-xl:30px;
  --pwe-radius-lg:24px;
  --pwe-radius-md:20px;
  --pwe-radius-sm:16px;
  --pwe-warm-rgb:214,152,98;
}

.page-php-website-erstellen-lassen .pwe-page{
  position:relative;
}

.page-php-website-erstellen-lassen .pwe-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.page-php-website-erstellen-lassen .pwe-hero__grid{
  --split-cols:minmax(0, .94fr) minmax(360px, 1.06fr);
  --split-align-desktop:start;
}

.page-php-website-erstellen-lassen .pwe-hero__copy{
  max-width:45rem;
}

.page-php-website-erstellen-lassen .pwe-hero__title{
  max-width:18.8ch;
  margin-bottom:.92rem;
}

.page-php-website-erstellen-lassen .pwe-hero__lead,
.page-php-website-erstellen-lassen .pwe-hero__body,
.page-php-website-erstellen-lassen .pwe-hero__meta{
  max-width:40rem;
}

.page-php-website-erstellen-lassen .pwe-hero__actions{
  --cta-mt:1.14rem;
}

.page-php-website-erstellen-lassen .pwe-section-head{
  max-width:58rem;
  margin-bottom:1.2rem;
}

.page-php-website-erstellen-lassen .pwe-section-head--center{
  margin-inline:auto;
  text-align:center;
  --eyebrow-margin-inline:auto;
}

.page-php-website-erstellen-lassen .pwe-icon{
  color:#fff;
}

.page-php-website-erstellen-lassen .pwe-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-php-website-erstellen-lassen .pwe-tone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

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

.page-php-website-erstellen-lassen .pwe-tone--brand{
  --pwe-accent:rgba(var(--brand-rgb), .96);
}

.page-php-website-erstellen-lassen .pwe-tone--indigo{
  --pwe-accent:rgba(var(--brand-indigo-rgb), .92);
}

.page-php-website-erstellen-lassen .pwe-tone--warm{
  --pwe-accent:rgba(var(--pwe-warm-rgb), .94);
}

.page-php-website-erstellen-lassen .pwe-module,
.page-php-website-erstellen-lassen .pwe-reason,
.page-php-website-erstellen-lassen .pwe-fit__card,
.page-php-website-erstellen-lassen .pwe-process__row,
.page-php-website-erstellen-lassen .pwe-route,
.page-php-website-erstellen-lassen .pwe-checklist__item{
  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,.56);
  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-php-website-erstellen-lassen .pwe-module:hover,
.page-php-website-erstellen-lassen .pwe-reason:hover,
.page-php-website-erstellen-lassen .pwe-fit__card:hover,
.page-php-website-erstellen-lassen .pwe-process__row:hover,
.page-php-website-erstellen-lassen .pwe-route:hover,
.page-php-website-erstellen-lassen .pwe-checklist__item: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,.64);
  box-shadow:var(--shadow-card-deep);
}

.page-php-website-erstellen-lassen .pwe-workbench{
  padding:1rem;
  border-radius:var(--pwe-radius-xl);
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(var(--brand-rgb), .14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(12,16,25,.78);
  display:grid;
  gap:1rem;
}

.page-php-website-erstellen-lassen .pwe-workbench__head{
  padding:.22rem .16rem 0;
}

.page-php-website-erstellen-lassen .pwe-workbench__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-php-website-erstellen-lassen .pwe-workbench__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-php-website-erstellen-lassen .pwe-workbench__head strong,
.page-php-website-erstellen-lassen .pwe-checklist__head strong{
  display:block;
  margin-top:.76rem;
  font-size:1.18rem;
  line-height:1.23;
  letter-spacing:-.018em;
}

.page-php-website-erstellen-lassen .pwe-workbench__head p,
.page-php-website-erstellen-lassen .pwe-checklist__head p{
  margin-top:.48rem;
  color:rgba(248,251,255,.80);
  font-size:1rem;
  line-height:1.62;
}

.page-php-website-erstellen-lassen .pwe-workbench__modules,
.page-php-website-erstellen-lassen .pwe-card-grid,
.page-php-website-erstellen-lassen .pwe-process__grid,
.page-php-website-erstellen-lassen .pwe-checklist__items{
  display:grid;
  gap:.94rem;
}

.page-php-website-erstellen-lassen .pwe-module{
  padding:.98rem;
  border-radius:var(--pwe-radius-md);
  min-height:100%;
}

.page-php-website-erstellen-lassen .pwe-module__label{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.35rem .64rem;
  margin-bottom:.76rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:rgba(248,251,255,.82);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.02em;
}

.page-php-website-erstellen-lassen .pwe-module h3,
.page-php-website-erstellen-lassen .pwe-reason__head h3,
.page-php-website-erstellen-lassen .pwe-fit__card h3,
.page-php-website-erstellen-lassen .pwe-process__copy h3,
.page-php-website-erstellen-lassen .pwe-route__head h3{
  margin:0 0 .4rem;
  font-size:1.05rem;
  line-height:1.26;
  letter-spacing:-.012em;
}

.page-php-website-erstellen-lassen .pwe-module p,
.page-php-website-erstellen-lassen .pwe-reason p,
.page-php-website-erstellen-lassen .pwe-fit__card p,
.page-php-website-erstellen-lassen .pwe-process__copy p,
.page-php-website-erstellen-lassen .pwe-route p,
.page-php-website-erstellen-lassen .pwe-checklist__item p{
  font-size:1rem;
  line-height:1.62;
}

.page-php-website-erstellen-lassen .pwe-fit__label,
.page-php-website-erstellen-lassen .pwe-checklist__label{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.35rem .64rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:rgba(248,251,255,.82);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.page-php-website-erstellen-lassen .pwe-reasons__grid{
  --split-cols:minmax(0, .82fr) minmax(0, 1.18fr);
  --split-align-desktop:center;
}

.page-php-website-erstellen-lassen .pwe-reasons__note{
  margin-top:1rem;
  border-color:rgba(var(--brand-indigo-rgb), .18);
  background:
    linear-gradient(180deg, rgba(var(--brand-indigo-rgb), .14), rgba(var(--brand-indigo-rgb), .06)),
    rgba(16,19,28,.54);
  box-shadow:var(--shadow-card);
}

.page-php-website-erstellen-lassen .pwe-reasons__stack{
  display:grid;
  gap:.94rem;
}

.page-php-website-erstellen-lassen .pwe-reason{
  padding:1.02rem 1.04rem 1.08rem;
  border-radius:var(--pwe-radius-lg);
}

.page-php-website-erstellen-lassen .pwe-reason__head,
.page-php-website-erstellen-lassen .pwe-route__head,
.page-php-website-erstellen-lassen .pwe-fit__top{
  display:flex;
  align-items:center;
  gap:.76rem;
  min-width:0;
}

.page-php-website-erstellen-lassen .pwe-reason__head,
.page-php-website-erstellen-lassen .pwe-route__head{
  margin-bottom:.76rem;
}

.page-php-website-erstellen-lassen .pwe-fit__top{
  justify-content:space-between;
  margin-bottom:.82rem;
}

.page-php-website-erstellen-lassen .pwe-fit__card,
.page-php-website-erstellen-lassen .pwe-route{
  padding:1.04rem 1.04rem 1.08rem;
  border-radius:var(--pwe-radius-lg);
}

.page-php-website-erstellen-lassen .pwe-process__row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:1rem;
  align-items:start;
  padding:1rem;
  border-radius:var(--pwe-radius-xl);
}

.page-php-website-erstellen-lassen .pwe-process__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.45rem;
  height:2.45rem;
  border-radius:50%;
  border:1px solid rgba(var(--brand-rgb), .28);
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb), .22), rgba(var(--brand-indigo-rgb), .10)),
    rgba(255,255,255,.03);
  color:rgba(236,246,255,.96);
  font-size:.76rem;
  font-weight:820;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.page-php-website-erstellen-lassen .pwe-route{
  display:flex;
  flex-direction:column;
  gap:.08rem;
  min-height:100%;
  text-decoration:none;
}

.page-php-website-erstellen-lassen .pwe-route .ui-text-link{
  margin-top:auto;
  width:fit-content;
}

.page-php-website-erstellen-lassen .pwe-route:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .86);
  outline-offset:3px;
}

.page-php-website-erstellen-lassen .pwe-faq__grid{
  --split-cols:minmax(0, .82fr) minmax(0, 1.18fr);
  --split-align-desktop:center;
}

.page-php-website-erstellen-lassen .pwe-faq__copy{
  max-width:34rem;
}

.page-php-website-erstellen-lassen .pwe-faq__note{
  margin-top:1rem;
  border-color:rgba(var(--brand-indigo-rgb), .18);
  background:
    linear-gradient(180deg, rgba(var(--brand-indigo-rgb), .14), rgba(var(--brand-indigo-rgb), .06)),
    rgba(16,19,28,.54);
  box-shadow:var(--shadow-card);
}

.page-php-website-erstellen-lassen .pwe-faq__wrap{
  display:grid;
  gap:.88rem;
}

.page-php-website-erstellen-lassen .pwe-faq__item{
  border-radius:var(--pwe-radius-lg);
  border:1px solid rgba(255,255,255,.10);
  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-php-website-erstellen-lassen .pwe-faq__item:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  box-shadow:var(--shadow-card-deep);
}

.page-php-website-erstellen-lassen .pwe-faq__item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  list-style:none;
  cursor:pointer;
  padding:1rem 1.08rem;
}

.page-php-website-erstellen-lassen .pwe-faq__item summary::-webkit-details-marker{
  display:none;
}

.page-php-website-erstellen-lassen .pwe-faq__item summary span:first-child{
  font-size:1.02rem;
  font-weight:860;
  line-height:1.34;
  color:#fff;
}

.page-php-website-erstellen-lassen .pwe-faq__icon{
  position:relative;
  width:1.18rem;
  height:1.18rem;
  flex:0 0 1.18rem;
}

.page-php-website-erstellen-lassen .pwe-faq__icon::before,
.page-php-website-erstellen-lassen .pwe-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-php-website-erstellen-lassen .pwe-faq__icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.page-php-website-erstellen-lassen .pwe-faq__item[open] .pwe-faq__icon::after{
  opacity:0;
}

.page-php-website-erstellen-lassen .pwe-faq__answer{
  padding:0 1.08rem 1.04rem;
}

.page-php-website-erstellen-lassen .pwe-faq__answer p{
  font-size:1rem;
  line-height:1.66;
}

.page-php-website-erstellen-lassen .pwe-faq__answer a,
.page-php-website-erstellen-lassen .pwe-fit__card a,
.page-php-website-erstellen-lassen .pwe-hero__body 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-php-website-erstellen-lassen .pwe-faq__answer a:hover,
.page-php-website-erstellen-lassen .pwe-faq__answer a:focus-visible,
.page-php-website-erstellen-lassen .pwe-fit__card a:hover,
.page-php-website-erstellen-lassen .pwe-fit__card a:focus-visible,
.page-php-website-erstellen-lassen .pwe-hero__body a:hover,
.page-php-website-erstellen-lassen .pwe-hero__body a:focus-visible{
  border-bottom-color:rgba(255,255,255,.44);
}

.page-php-website-erstellen-lassen .pwe-final__panel{
  padding:1rem;
  border-radius:var(--pwe-radius-xl);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(12,16,25,.8);
}

.page-php-website-erstellen-lassen .pwe-final__grid{
  --split-cols:minmax(0, .9fr) minmax(0, 1.1fr);
  --split-align-desktop:center;
}

.page-php-website-erstellen-lassen .pwe-final__copy{
  padding:1rem;
}

.page-php-website-erstellen-lassen .pwe-final__actions{
  --cta-mt:1.12rem;
}

.page-php-website-erstellen-lassen .pwe-final__mini{
  margin-top:1rem;
}

.page-php-website-erstellen-lassen .pwe-checklist{
  display:grid;
  gap:1rem;
  padding:1rem;
  border-radius:var(--pwe-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);
  align-self:center;
}

.page-php-website-erstellen-lassen .pwe-checklist__item{
  padding:.94rem;
  border-radius:var(--pwe-radius-md);
}

.page-php-website-erstellen-lassen .pwe-checklist__label{
  margin-bottom:.62rem;
}

.page-php-website-erstellen-lassen .pwe-checklist__item p{
  margin:0;
}

@media (min-width: 48rem){
  .page-php-website-erstellen-lassen .pwe-workbench__modules{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-php-website-erstellen-lassen .pwe-card-grid--fit,
  .page-php-website-erstellen-lassen .pwe-card-grid--routes,
  .page-php-website-erstellen-lassen .pwe-checklist__items{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-php-website-erstellen-lassen .pwe-process__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 61.99rem){
  .page-php-website-erstellen-lassen .pwe-final__copy{
    padding:1rem .35rem .4rem;
  }

  .page-php-website-erstellen-lassen .pwe-checklist{
    padding:1rem .95rem;
  }
}

@media (max-width: 47.99rem){
  .page-php-website-erstellen-lassen .pwe-workbench,
  .page-php-website-erstellen-lassen .pwe-final__panel{
    padding:.92rem;
  }

  .page-php-website-erstellen-lassen .pwe-module,
  .page-php-website-erstellen-lassen .pwe-reason,
  .page-php-website-erstellen-lassen .pwe-fit__card,
  .page-php-website-erstellen-lassen .pwe-process__row,
  .page-php-website-erstellen-lassen .pwe-route,
  .page-php-website-erstellen-lassen .pwe-checklist__item{
    padding:.95rem;
  }

  .page-php-website-erstellen-lassen .pwe-fit__top{
    flex-direction:column;
    align-items:flex-start;
  }

  .page-php-website-erstellen-lassen .pwe-hero__actions .buttonmain,
  .page-php-website-erstellen-lassen .pwe-hero__actions .buttonmainsecond,
  .page-php-website-erstellen-lassen .pwe-final__actions .buttonmain,
  .page-php-website-erstellen-lassen .pwe-final__actions .buttonmainsecond{
    width:100%;
  }
}