.page-website-erstellen-lassen{
  --wel-border:rgba(255,255,255,.10);
  --wel-border-strong:rgba(255,255,255,.14);
  --wel-panel:rgba(16,19,27,.68);
  --wel-surface:rgba(255,255,255,.04);
  --wel-radius-xl:30px;
  --wel-radius-lg:24px;
  --wel-radius-md:20px;
  --wel-radius-sm:16px;
  --wel-amber-rgb:246,158,38;
  --wel-red-rgb:224,94,84;
}

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

.page-website-erstellen-lassen .wel-breadcrumbs{
  padding-top:var(--page-breadcrumb-top-space);
  padding-bottom:var(--page-breadcrumb-bottom-space);
}

.page-website-erstellen-lassen .wel-breadcrumbs__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
  color:var(--fg-muted);
  font-size:.92rem;
}

.page-website-erstellen-lassen .wel-breadcrumbs__item{
  display:inline-flex;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
}

.page-website-erstellen-lassen .wel-breadcrumbs__item:not(:last-child)::after{
  content:"/";
  color:rgba(255,255,255,.24);
}

.page-website-erstellen-lassen .wel-breadcrumbs__item a{
  text-decoration:none;
  opacity:.94;
  transition:opacity var(--transition-fast), color var(--transition-fast);
}

.page-website-erstellen-lassen .wel-breadcrumbs__item a:hover{
  opacity:1;
  color:var(--fg-soft);
}

.page-website-erstellen-lassen .wel-breadcrumbs__item.is-current{
  color:var(--fg-soft);
}

.page-website-erstellen-lassen .wel-section-head{
  max-width:50rem;
  margin-bottom:1.2rem;
}

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

.page-website-erstellen-lassen .wel-section-head--compact{
  max-width:58rem;
}

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

.page-website-erstellen-lassen .wel-icon svg{
  width:1.08rem;
  height:1.08rem;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.page-website-erstellen-lassen .wel-card-grid{
  display:grid;
  gap:clamp(.9rem, 2vw, 1.15rem);
}

@media (min-width: 48rem){
  .page-website-erstellen-lassen .wel-card-grid--two,
  .page-website-erstellen-lassen .wel-card-grid--four,
  .page-website-erstellen-lassen .wel-card-grid--five{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 74rem){
  .page-website-erstellen-lassen .wel-card-grid--four{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .page-website-erstellen-lassen .wel-card-grid--five{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
}

.page-website-erstellen-lassen .wel-tone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

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

.page-website-erstellen-lassen .wel-tone--brand{
  --wel-accent:rgba(var(--brand-rgb), .98);
  --wel-accent-soft:rgba(var(--brand-rgb), .12);
}

.page-website-erstellen-lassen .wel-tone--green{
  --wel-accent:rgba(var(--brand-green-rgb), .96);
  --wel-accent-soft:rgba(var(--brand-green-rgb), .12);
}

.page-website-erstellen-lassen .wel-tone--indigo{
  --wel-accent:rgba(var(--brand-indigo-rgb), .94);
  --wel-accent-soft:rgba(var(--brand-indigo-rgb), .13);
}

.page-website-erstellen-lassen .wel-tone--amber{
  --wel-accent:rgba(var(--wel-amber-rgb), .98);
  --wel-accent-soft:rgba(var(--wel-amber-rgb), .13);
}

.page-website-erstellen-lassen .wel-card,
.page-website-erstellen-lassen .wel-signal,
.page-website-erstellen-lassen .wel-feature-row,
.page-website-erstellen-lassen .wel-type-card,
.page-website-erstellen-lassen .wel-link-card,
.page-website-erstellen-lassen .wel-process__panel,
.page-website-erstellen-lassen .wel-site-shot,
.page-website-erstellen-lassen .wel-hero__panel{
  transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}

.page-website-erstellen-lassen .wel-card .ui-icon-box,
.page-website-erstellen-lassen .wel-signal .ui-icon-box,
.page-website-erstellen-lassen .wel-feature-row .ui-icon-box{
  transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}

.page-website-erstellen-lassen .wel-card{
  min-width:0;
  min-height:100%;
  padding:1.06rem 1.02rem 1.05rem;
  border-radius:var(--wel-radius-lg);
  border-color:rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(16,19,27,.56);
  box-shadow:var(--shadow-card);
}

.page-website-erstellen-lassen .wel-card h3,
.page-website-erstellen-lassen .wel-type-card h3,
.page-website-erstellen-lassen .wel-link-card strong,
.page-website-erstellen-lassen .wel-timeline__content h3,
.page-website-erstellen-lassen .wel-faq__item summary span:first-child{
  font-size:1.05rem;
  font-weight:920;
  line-height:1.28;
  letter-spacing:-.01em;
  color:#fff;
}

.page-website-erstellen-lassen .wel-card h3,
.page-website-erstellen-lassen .wel-type-card h3,
.page-website-erstellen-lassen .wel-link-card strong{
  margin-top:.82rem;
  margin-bottom:.38rem;
}

.page-website-erstellen-lassen .wel-hero{
  padding-top:0;
}

.page-website-erstellen-lassen .wel-hero__grid{
  --split-cols:minmax(0, 1.08fr) minmax(320px, .88fr);
  --split-align-desktop:start;
}

.page-website-erstellen-lassen .wel-hero__copy,
.page-website-erstellen-lassen .wel-pain__copy,
.page-website-erstellen-lassen .wel-visibility__copy,
.page-website-erstellen-lassen .wel-process__copy,
.page-website-erstellen-lassen .wel-final__copy{
  min-width:0;
}

.page-website-erstellen-lassen .wel-hero__copy{
  max-width:42rem;
}

.page-website-erstellen-lassen .wel-hero__copy h1{
  max-width:min(100%, var(--page-h1-max-width));
  margin-bottom:.84rem;
  font-size:var(--page-h1-size);
  line-height:var(--page-heading-line-height);
  letter-spacing:-.035em;
}

.page-website-erstellen-lassen .wel-hero__lead{
  max-width:38rem;
}

.page-website-erstellen-lassen .wel-hero__actions,
.page-website-erstellen-lassen .wel-final__actions{
  --cta-mt:1.12rem;
}

.page-website-erstellen-lassen .wel-hero__panel{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), var(--wel-panel);
  border-radius:var(--wel-radius-xl);
  align-self:start;
}

.page-website-erstellen-lassen .wel-hero__panel .ui-panel__top{
  padding:1.04rem 1.12rem 1.02rem;
}

.page-website-erstellen-lassen .wel-hero-stage{
  display:grid;
  gap:.88rem;
  margin-top:.88rem;
}

.page-website-erstellen-lassen .wel-hero-stage__intro{
  padding:1rem 1rem 1.02rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    rgba(11,15,22,.62);
  box-shadow:var(--shadow-card);
}

.page-website-erstellen-lassen .wel-hero-stage__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:.34rem .6rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:rgba(248,251,255,.8);
  font-size:.79rem;
  font-weight:860;
  line-height:1.1;
}

.page-website-erstellen-lassen .wel-hero-stage__intro strong{
  display:block;
  margin-top:.82rem;
  color:#fff;
  font-size:1.08rem;
  font-weight:920;
  line-height:1.3;
  letter-spacing:-.015em;
}

.page-website-erstellen-lassen .wel-hero-stage__intro p{
  margin-top:.5rem;
  color:rgba(248,251,255,.8);
  font-size:.97rem;
  line-height:1.58;
}

.page-website-erstellen-lassen .wel-hero-points{
  display:grid;
  gap:.78rem;
}

.page-website-erstellen-lassen .wel-signal{
  padding:.92rem .96rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)),
    rgba(255,255,255,.02);
  box-shadow:var(--shadow-soft);
}

.page-website-erstellen-lassen .wel-signal__head{
  display:flex;
  gap:.68rem;
  align-items:flex-start;
}

.page-website-erstellen-lassen .wel-signal__head strong{
  font-size:.94rem;
  font-weight:920;
  line-height:1.28;
  letter-spacing:-.01em;
}

.page-website-erstellen-lassen .wel-signal p{
  margin-top:.34rem;
  font-size:.9rem;
  line-height:1.48;
}

.page-website-erstellen-lassen .wel-hero-stage__notes{
  display:grid;
  gap:.56rem;
}

.page-website-erstellen-lassen .wel-hero-stage__notes .ui-mini{
  padding:.62rem .8rem;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}

.page-website-erstellen-lassen .wel-pain__grid,
.page-website-erstellen-lassen .wel-visibility__grid,
.page-website-erstellen-lassen .wel-process__grid,
.page-website-erstellen-lassen .wel-final__grid{
  --split-cols:minmax(0, 1.02fr) minmax(0, .98fr);
  --split-align-desktop:start;
}

.page-website-erstellen-lassen .wel-pain__grid{
  --split-align-desktop:center;
  align-items:center;
}

.page-website-erstellen-lassen .wel-pain__cards{
  align-self:center;
  align-content:center;
  margin-block:auto;
  max-width:34rem;
}

.page-website-erstellen-lassen .wel-pain__note{
  margin-top:1rem;
}

.page-website-erstellen-lassen .wel-pain__note--premium{
  border-color:rgba(var(--wel-amber-rgb), .24);
  background:linear-gradient(180deg, rgba(var(--wel-amber-rgb), .13), rgba(255,255,255,.03));
}

.page-website-erstellen-lassen .wel-card--problem,
.page-website-erstellen-lassen .wel-process__panel,
.page-website-erstellen-lassen .wel-types__panel,
.page-website-erstellen-lassen .wel-related__panel,
.page-website-erstellen-lassen .wel-final__panel{
  border-radius:var(--wel-radius-xl);
}

.page-website-erstellen-lassen .wel-card--problem .ui-panel__top{
  padding:1.06rem 1.06rem 1.1rem;
}

.page-website-erstellen-lassen .wel-card--problem .ui-panel__title{
  margin-top:.82rem;
  font-size:1.08rem;
}

@media (min-width: 74rem){
  .page-website-erstellen-lassen .wel-pain__cards{
    justify-self:end;
  }
}

.page-website-erstellen-lassen .wel-types__panel,
.page-website-erstellen-lassen .wel-related__panel,
.page-website-erstellen-lassen .wel-final__panel{
  padding:clamp(1.08rem, 2.5vw, 1.8rem);
}

.page-website-erstellen-lassen .wel-type-card{
  min-height:100%;
  padding:1rem 1rem 1.05rem;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022)),
    rgba(16,19,27,.56);
  box-shadow:var(--shadow-card);
}

.page-website-erstellen-lassen .wel-type-card__label{
  display:inline-flex;
  align-items:center;
  min-height:1.9rem;
  padding:.34rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:rgba(248,251,255,.84);
  font-size:.82rem;
  font-weight:860;
  line-height:1.1;
}

.page-website-erstellen-lassen .wel-types__note{
  margin-top:1rem;
}

.page-website-erstellen-lassen .wel-visibility__grid{
  --split-align-desktop:center;
  align-items:center;
}

.page-website-erstellen-lassen .wel-feature-stack{
  display:grid;
  gap:.82rem;
}

.page-website-erstellen-lassen .wel-feature-row{
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  box-shadow:var(--shadow-card);
}

.page-website-erstellen-lassen .wel-feature-row .ui-icon-box{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

.page-website-erstellen-lassen .wel-feature-row--brand .ui-icon-box{
  background:rgba(var(--brand-rgb), .16);
  color:rgba(var(--brand-rgb), 1);
}

.page-website-erstellen-lassen .wel-feature-row--green .ui-icon-box{
  background:rgba(var(--brand-green-rgb), .16);
  color:rgba(var(--brand-green-rgb), 1);
}

.page-website-erstellen-lassen .wel-feature-row--indigo .ui-icon-box{
  background:rgba(var(--brand-indigo-rgb), .16);
  color:rgba(var(--brand-indigo-rgb), 1);
}

.page-website-erstellen-lassen .wel-feature-row--amber .ui-icon-box{
  background:rgba(var(--wel-amber-rgb), .18);
  color:rgba(var(--wel-amber-rgb), 1);
}

.page-website-erstellen-lassen .wel-process__grid{
  --split-align-desktop:start;
}

.page-website-erstellen-lassen .wel-timeline{
  position:relative;
  display:grid;
  gap:.82rem;
  margin-top:1.05rem;
}

.page-website-erstellen-lassen .wel-timeline::before{
  content:"";
  position:absolute;
  left:1rem;
  top:.6rem;
  bottom:.6rem;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(var(--brand-rgb), .7), rgba(var(--brand-green-rgb), .64));
  opacity:.54;
}

.page-website-erstellen-lassen .wel-timeline__item{
  position:relative;
  display:grid;
  grid-template-columns:2rem 1fr;
  gap:1rem;
  align-items:start;
}

.page-website-erstellen-lassen .wel-timeline__step{
  position:relative;
  z-index:1;
  width:2rem;
  height:2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .26);
  background:rgba(16,19,27,.94);
  box-shadow:0 0 0 5px rgba(var(--brand-rgb), .11);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
}

.page-website-erstellen-lassen .wel-timeline__content{
  padding:1rem 1rem 1rem 1.05rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  box-shadow:var(--shadow-card);
}

.page-website-erstellen-lassen .wel-timeline__content p{
  margin-top:.34rem;
  color:rgba(248,251,255,.80);
  font-size:.98rem;
  line-height:1.58;
}

.page-website-erstellen-lassen .wel-process__panel{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), var(--wel-panel);
}

.page-website-erstellen-lassen .wel-process__panel .ui-panel__top{
  padding:1.22rem 1.12rem .82rem;
}

.page-website-erstellen-lassen .wel-process__panel .ui-panel__title{
  margin-top:1rem;
}

.page-website-erstellen-lassen .wel-deliverables{
  display:grid;
  gap:.62rem;
  padding:0 1.12rem 1rem;
}

.page-website-erstellen-lassen .wel-deliverable{
  display:flex;
  gap:.58rem;
  align-items:flex-start;
  padding:.72rem .82rem;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}

.page-website-erstellen-lassen .wel-process__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem 1rem;
  align-items:center;
}

.page-website-erstellen-lassen .wel-link-card{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  min-height:100%;
  padding:1.02rem 1rem 1rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022)),
    rgba(255,255,255,.03);
  box-shadow:var(--shadow-card);
  text-decoration:none;
}

.page-website-erstellen-lassen .wel-link-card__label{
  display:inline-flex;
  align-self:flex-start;
  padding:.36rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:rgba(248,251,255,.84);
  font-size:.82rem;
  font-weight:860;
  letter-spacing:.02em;
}

.page-website-erstellen-lassen .wel-link-card span:last-child{
  color:rgba(248,251,255,.78);
  font-size:.95rem;
  line-height:1.56;
}

.page-website-erstellen-lassen .wel-faq__wrap{
  display:grid;
  gap:.9rem;
  max-width:72rem;
  margin-inline:auto;
}

.page-website-erstellen-lassen .wel-faq__item{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(16,19,27,.56);
  box-shadow:var(--shadow-card);
  overflow:hidden;
}

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

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

.page-website-erstellen-lassen .wel-faq__icon{
  position:relative;
  width:1.06rem;
  height:1.06rem;
  flex:0 0 auto;
}

.page-website-erstellen-lassen .wel-faq__icon::before,
.page-website-erstellen-lassen .wel-faq__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:2px;
  border-radius:999px;
  background:rgba(248,251,255,.82);
  transform:translate(-50%, -50%);
  transition:transform var(--transition-fast), opacity var(--transition-fast);
}

.page-website-erstellen-lassen .wel-faq__icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.page-website-erstellen-lassen .wel-faq__item[open] .wel-faq__icon::after{
  opacity:0;
  transform:translate(-50%, -50%) rotate(90deg) scaleX(.6);
}

.page-website-erstellen-lassen .wel-faq__answer{
  padding:0 1.14rem 1.12rem;
}

.page-website-erstellen-lassen .wel-faq__answer p{
  color:rgba(248,251,255,.82);
  font-size:.98rem;
  line-height:1.58;
}

.page-website-erstellen-lassen .wel-faq__linkline{
  margin-top:.55rem;
}

.page-website-erstellen-lassen .wel-final__grid{
  --split-cols:minmax(0, 1.08fr) minmax(300px, .92fr);
  --split-align-desktop:center;
  align-items:center;
}

.page-website-erstellen-lassen .wel-site-shot{
  min-width:0;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(11,15,22,.84);
  box-shadow:var(--shadow-card);
  padding:1rem;
}

.page-website-erstellen-lassen .wel-site-shot__top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:.8rem;
  align-items:center;
}

.page-website-erstellen-lassen .wel-site-shot__dots{
  display:flex;
  gap:.35rem;
}

.page-website-erstellen-lassen .wel-site-shot__dots span{
  width:.58rem;
  height:.58rem;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}

.page-website-erstellen-lassen .wel-site-shot__dots span:nth-child(1){
  background:rgba(var(--wel-red-rgb), .92);
}

.page-website-erstellen-lassen .wel-site-shot__dots span:nth-child(2){
  background:rgba(var(--wel-amber-rgb), .92);
}

.page-website-erstellen-lassen .wel-site-shot__dots span:nth-child(3){
  background:rgba(var(--brand-green-rgb), .92);
}

.page-website-erstellen-lassen .wel-site-shot__domain,
.page-website-erstellen-lassen .wel-site-shot__state{
  color:rgba(248,251,255,.72);
  font-size:.8rem;
  font-weight:760;
}

.page-website-erstellen-lassen .wel-site-shot__state{
  justify-self:end;
}

.page-website-erstellen-lassen .wel-site-shot__canvas{
  margin-top:.85rem;
  padding:.92rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

.page-website-erstellen-lassen .wel-site-shot__nav{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}

.page-website-erstellen-lassen .wel-site-shot__nav span{
  display:inline-flex;
  align-items:center;
  min-height:1.72rem;
  padding:.28rem .56rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:rgba(248,251,255,.72);
  font-size:.74rem;
  font-weight:760;
}

.page-website-erstellen-lassen .wel-site-shot__hero{
  height:6rem;
  margin-top:.82rem;
  border-radius:18px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 42%),
    linear-gradient(135deg, rgba(var(--brand-rgb), .36), rgba(var(--brand-indigo-rgb), .22)),
    rgba(255,255,255,.03);
}

.page-website-erstellen-lassen .wel-site-shot__headline{
  height:.8rem;
  width:66%;
  margin-top:.8rem;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,.34), rgba(255,255,255,.08));
}

.page-website-erstellen-lassen .wel-site-shot__grid{
  margin-top:.9rem;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.7rem;
}

.page-website-erstellen-lassen .wel-site-shot__grid span{
  height:4.4rem;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(255,255,255,.03);
}

.page-website-erstellen-lassen .wel-site-shot__grid span:nth-child(1){
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb), .14), rgba(255,255,255,.02)),
    rgba(255,255,255,.03);
}

.page-website-erstellen-lassen .wel-site-shot__grid span:nth-child(2){
  background:
    linear-gradient(180deg, rgba(var(--brand-green-rgb), .14), rgba(255,255,255,.02)),
    rgba(255,255,255,.03);
}

.page-website-erstellen-lassen .wel-site-shot__grid span:nth-child(3){
  background:
    linear-gradient(180deg, rgba(var(--brand-indigo-rgb), .16), rgba(255,255,255,.02)),
    rgba(255,255,255,.03);
}

.page-website-erstellen-lassen .wel-site-shot__cta{
  width:44%;
  height:2.55rem;
  margin-top:.88rem;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .88), rgba(var(--brand-green-rgb), .9));
}

.page-website-erstellen-lassen .wel-site-shot__meta{
  display:grid;
  gap:.58rem;
  margin-top:.82rem;
}

@media (hover:hover) and (pointer:fine){
  .page-website-erstellen-lassen .wel-card:hover,
  .page-website-erstellen-lassen .wel-type-card:hover,
  .page-website-erstellen-lassen .wel-signal:hover,
  .page-website-erstellen-lassen .wel-feature-row:hover,
  .page-website-erstellen-lassen .wel-process__panel:hover,
  .page-website-erstellen-lassen .wel-site-shot:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.16);
    box-shadow:var(--shadow-card-deep);
  }

  .page-website-erstellen-lassen .wel-hero__panel:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-card-deep);
  }

  .page-website-erstellen-lassen .wel-link-card:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.14);
    box-shadow:var(--shadow-card-deep);
  }

  .page-website-erstellen-lassen .wel-signal:hover{
    background:linear-gradient(180deg, var(--wel-accent-soft, rgba(255,255,255,.08)), rgba(255,255,255,.045));
  }

  .page-website-erstellen-lassen .wel-feature-row:hover .ui-icon-box,
  .page-website-erstellen-lassen .wel-signal:hover .ui-icon-box,
  .page-website-erstellen-lassen .wel-card:hover .ui-icon-box{
    transform:scale(1.05);
  }
}

@media (min-width: 62rem){
  .page-website-erstellen-lassen .wel-process__panel{
    position:sticky;
    top:6.6rem;
  }
}

@media (max-width: 73.99rem){
  .page-website-erstellen-lassen .wel-hero__copy h1{
    max-width:min(100%, var(--page-h1-max-width));
    font-size:var(--page-h1-size);
  }

  .page-website-erstellen-lassen .wel-card-grid--five{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 61.99rem){
  .page-website-erstellen-lassen .wel-hero__grid,
  .page-website-erstellen-lassen .wel-pain__grid,
  .page-website-erstellen-lassen .wel-visibility__grid,
  .page-website-erstellen-lassen .wel-process__grid,
  .page-website-erstellen-lassen .wel-final__grid{
    gap:1.1rem;
  }

  .page-website-erstellen-lassen .wel-hero__copy,
  .page-website-erstellen-lassen .wel-pain__copy,
  .page-website-erstellen-lassen .wel-visibility__copy,
  .page-website-erstellen-lassen .wel-process__copy,
  .page-website-erstellen-lassen .wel-final__copy{
    max-width:unset;
  }
}

@media (max-width: 47.99rem){
  .page-website-erstellen-lassen .wel-breadcrumbs{
    padding-top:var(--page-breadcrumb-top-space);
  }

  .page-website-erstellen-lassen .wel-types__panel,
  .page-website-erstellen-lassen .wel-related__panel,
  .page-website-erstellen-lassen .wel-final__panel,
  .page-website-erstellen-lassen .wel-hero__panel,
  .page-website-erstellen-lassen .wel-card--problem,
  .page-website-erstellen-lassen .wel-process__panel,
  .page-website-erstellen-lassen .wel-site-shot{
    border-radius:24px;
  }

  .page-website-erstellen-lassen .wel-hero__copy h1{
    max-width:min(100%, var(--page-h1-max-width));
    font-size:var(--page-h1-size);
  }

  .page-website-erstellen-lassen .wel-hero__panel .ui-panel__top,
  .page-website-erstellen-lassen .wel-deliverables,
  .page-website-erstellen-lassen .wel-hero-points{
    padding-left:.96rem;
    padding-right:.96rem;
  }

  .page-website-erstellen-lassen .wel-faq__item summary,
  .page-website-erstellen-lassen .wel-faq__answer{
    padding-left:.95rem;
    padding-right:.95rem;
  }
  .page-website-erstellen-lassen .wel-site-shot__grid{
    gap:.58rem;
  }

  .page-website-erstellen-lassen .wel-site-shot__grid span{
    height:3.6rem;
  }

  .page-website-erstellen-lassen .wel-timeline{
    gap:.8rem;
  }

  .page-website-erstellen-lassen .wel-timeline::before{
    left:.98rem;
  }
}

@media (max-width: 35rem){
  .page-website-erstellen-lassen .wel-breadcrumbs__list{
    font-size:.88rem;
  }

  .page-website-erstellen-lassen .wel-hero__actions,
  .page-website-erstellen-lassen .wel-final__actions,
  .page-website-erstellen-lassen .wel-process__actions{
    align-items:stretch;
  }

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

  .page-website-erstellen-lassen .wel-hero__actions .ui-text-link,
  .page-website-erstellen-lassen .wel-final__actions .ui-text-link,
  .page-website-erstellen-lassen .wel-process__actions .ui-text-link{
    width:fit-content;
  }
  .page-website-erstellen-lassen .wel-site-shot__grid{
    grid-template-columns:1fr;
  }

  .page-website-erstellen-lassen .wel-site-shot__cta{
    width:100%;
  }
}