.page-statische-website-erstellen-lassen{
  --swe-panel:rgba(13,18,28,.72);
  --swe-panel-soft:rgba(13,18,28,.58);
  --swe-border:rgba(255,255,255,.10);
  --swe-border-strong:rgba(255,255,255,.16);
  --swe-radius-xl:30px;
  --swe-radius-lg:24px;
  --swe-radius-md:20px;
  --swe-radius-sm:16px;
  --swe-warm-rgb:214,152,98;
}

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

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

.page-statische-website-erstellen-lassen .swe-hero__grid{
  --split-cols:minmax(0, .98fr) minmax(340px, 1.02fr);
  --split-align-desktop:start;
}

.page-statische-website-erstellen-lassen .swe-hero__copy{
  max-width:45rem;
}

.page-statische-website-erstellen-lassen .swe-hero__title{
  max-width:18.5ch;
  margin-bottom:.92rem;
}

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

.page-statische-website-erstellen-lassen .swe-hero__actions{
  --cta-mt:1.14rem;
}

.page-statische-website-erstellen-lassen .swe-section-head{
  max-width:56rem;
  margin-bottom:1.18rem;
}

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

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

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

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

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

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

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

.page-statische-website-erstellen-lassen .swe-stage,
.page-statische-website-erstellen-lassen .swe-card,
.page-statische-website-erstellen-lassen .swe-principle,
.page-statische-website-erstellen-lassen .swe-fit__card,
.page-statische-website-erstellen-lassen .swe-route,
.page-statische-website-erstellen-lassen .swe-step,
.page-statische-website-erstellen-lassen .swe-stage__card,
.page-statische-website-erstellen-lassen .swe-score__row,
.page-statische-website-erstellen-lassen .swe-final__card,
.page-statische-website-erstellen-lassen .swe-final__row,
.page-statische-website-erstellen-lassen .swe-decision__shell,
.page-statische-website-erstellen-lassen .swe-decision__note{
  transition:
    transform var(--transition-fast),
    border-color var(--transition-fast),
    background var(--transition-fast),
    box-shadow var(--transition-fast);
}

.page-statische-website-erstellen-lassen .swe-card,
.page-statische-website-erstellen-lassen .swe-principle,
.page-statische-website-erstellen-lassen .swe-fit__card,
.page-statische-website-erstellen-lassen .swe-route,
.page-statische-website-erstellen-lassen .swe-step,
.page-statische-website-erstellen-lassen .swe-stage__card,
.page-statische-website-erstellen-lassen .swe-score__row,
.page-statische-website-erstellen-lassen .swe-final__card,
.page-statische-website-erstellen-lassen .swe-final__row{
  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);
}

.page-statische-website-erstellen-lassen .swe-card:hover,
.page-statische-website-erstellen-lassen .swe-principle:hover,
.page-statische-website-erstellen-lassen .swe-fit__card:hover,
.page-statische-website-erstellen-lassen .swe-route:hover,
.page-statische-website-erstellen-lassen .swe-step:hover,
.page-statische-website-erstellen-lassen .swe-stage__card:hover,
.page-statische-website-erstellen-lassen .swe-score__row:hover,
.page-statische-website-erstellen-lassen .swe-final__card:hover,
.page-statische-website-erstellen-lassen .swe-final__row: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-statische-website-erstellen-lassen .swe-card,
.page-statische-website-erstellen-lassen .swe-fit__card,
.page-statische-website-erstellen-lassen .swe-route,
.page-statische-website-erstellen-lassen .swe-step,
.page-statische-website-erstellen-lassen .swe-final__card{
  padding:1.02rem 1.04rem 1.08rem;
  border-radius:var(--swe-radius-lg);
}

.page-statische-website-erstellen-lassen .swe-card__head,
.page-statische-website-erstellen-lassen .swe-card__top{
  display:flex;
  align-items:center;
  gap:.76rem;
  min-width:0;
}

.page-statische-website-erstellen-lassen .swe-card__head{
  margin-bottom:.76rem;
}

.page-statische-website-erstellen-lassen .swe-card__top{
  justify-content:space-between;
  margin-bottom:.84rem;
}

.page-statische-website-erstellen-lassen .swe-card__label,
.page-statische-website-erstellen-lassen .swe-principle__label,
.page-statische-website-erstellen-lassen .swe-fit__label,
.page-statische-website-erstellen-lassen .swe-final__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-statische-website-erstellen-lassen .swe-card__head h3,
.page-statische-website-erstellen-lassen .swe-card h3,
.page-statische-website-erstellen-lassen .swe-principle h3,
.page-statische-website-erstellen-lassen .swe-fit__card h3,
.page-statische-website-erstellen-lassen .swe-step h3,
.page-statische-website-erstellen-lassen .swe-route h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.24;
  letter-spacing:-.012em;
}

.page-statische-website-erstellen-lassen .swe-card h3,
.page-statische-website-erstellen-lassen .swe-principle h3,
.page-statische-website-erstellen-lassen .swe-fit__card h3,
.page-statische-website-erstellen-lassen .swe-step h3{
  margin:0 0 .42rem;
}

.page-statische-website-erstellen-lassen .swe-card p,
.page-statische-website-erstellen-lassen .swe-principle p,
.page-statische-website-erstellen-lassen .swe-fit__card p,
.page-statische-website-erstellen-lassen .swe-route p,
.page-statische-website-erstellen-lassen .swe-step p,
.page-statische-website-erstellen-lassen .swe-stage__card p,
.page-statische-website-erstellen-lassen .swe-score__row p,
.page-statische-website-erstellen-lassen .swe-final__card p,
.page-statische-website-erstellen-lassen .swe-final__row p{
  font-size:1rem;
  line-height:1.62;
}

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

.page-statische-website-erstellen-lassen .swe-stage__head{
  padding:.25rem .16rem 0;
}

.page-statische-website-erstellen-lassen .swe-stage__eyebrow,
.page-statische-website-erstellen-lassen .swe-final__eyebrow,
.page-statische-website-erstellen-lassen .swe-decision__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-statische-website-erstellen-lassen .swe-stage__eyebrow::before,
.page-statische-website-erstellen-lassen .swe-final__eyebrow::before,
.page-statische-website-erstellen-lassen .swe-decision__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-statische-website-erstellen-lassen .swe-stage__head strong,
.page-statische-website-erstellen-lassen .swe-final__head strong,
.page-statische-website-erstellen-lassen .swe-decision__intro h3{
  display:block;
  margin-top:.76rem;
  font-size:1.18rem;
  line-height:1.23;
  letter-spacing:-.018em;
}

.page-statische-website-erstellen-lassen .swe-stage__head p,
.page-statische-website-erstellen-lassen .swe-final__head p,
.page-statische-website-erstellen-lassen .swe-decision__intro p{
  margin-top:.48rem;
  color:rgba(248,251,255,.80);
  font-size:1rem;
  line-height:1.62;
}

.page-statische-website-erstellen-lassen .swe-score,
.page-statische-website-erstellen-lassen .swe-stage__cards,
.page-statische-website-erstellen-lassen .swe-card-grid,
.page-statische-website-erstellen-lassen .swe-principles__grid,
.page-statische-website-erstellen-lassen .swe-final__rows,
.page-statische-website-erstellen-lassen .swe-final__notes{
  display:grid;
  gap:.94rem;
}

.page-statische-website-erstellen-lassen .swe-score__row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.86rem;
  align-items:flex-start;
  padding:.94rem;
  border-radius:var(--swe-radius-md);
}

.page-statische-website-erstellen-lassen .swe-score__dot{
  width:.92rem;
  height:.92rem;
  border-radius:999px;
  margin-top:.22rem;
  background:var(--swe-accent, rgba(var(--brand-rgb), .96));
  box-shadow:0 0 0 5px color-mix(in srgb, var(--swe-accent, rgba(var(--brand-rgb), .96)) 18%, transparent);
}

.page-statische-website-erstellen-lassen .swe-score__row strong{
  display:block;
  font-size:1.04rem;
  line-height:1.3;
  letter-spacing:-.012em;
}

.page-statische-website-erstellen-lassen .swe-score__row p{
  margin-top:.32rem;
}

.page-statische-website-erstellen-lassen .swe-stage__card{
  padding:.94rem;
  border-radius:var(--swe-radius-md);
}

.page-statische-website-erstellen-lassen .swe-decision__shell{
  padding:1.18rem;
  border-radius:var(--swe-radius-xl);
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top left, rgba(var(--brand-indigo-rgb), .12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(12,16,25,.78);
  display:grid;
  gap:1.08rem;
}

.page-statische-website-erstellen-lassen .swe-decision__intro{
  max-width:36rem;
}

.page-statische-website-erstellen-lassen .swe-decision__note{
  margin-top:1rem;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.86rem;
  align-items:start;
  padding:1rem 1.04rem;
  border-radius:var(--swe-radius-lg);
  border:1px solid rgba(var(--brand-rgb), .18);
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb), .14), rgba(var(--brand-rgb), .05)),
    rgba(14,18,28,.54);
  box-shadow:var(--shadow-card);
}

.page-statische-website-erstellen-lassen .swe-decision__note strong{
  display:block;
  margin-bottom:.22rem;
  font-size:1rem;
  line-height:1.26;
}

.page-statische-website-erstellen-lassen .swe-decision__note p{
  margin:0;
}

.page-statische-website-erstellen-lassen .swe-principles__grid{
  gap:1rem;
}

.page-statische-website-erstellen-lassen .swe-principle{
  padding:1.1rem 1.08rem 1.14rem;
  border-radius:var(--swe-radius-xl);
}

.page-statische-website-erstellen-lassen .swe-principle__top,
.page-statische-website-erstellen-lassen .swe-fit__top,
.page-statische-website-erstellen-lassen .swe-final__card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.9rem;
  margin-bottom:.78rem;
}

.page-statische-website-erstellen-lassen .swe-fit__grid{
  --split-cols:minmax(0, .86fr) minmax(0, 1.14fr);
  --split-align-desktop:center;
}

.page-statische-website-erstellen-lassen .swe-fit__copy,
.page-statische-website-erstellen-lassen .swe-faq__copy{
  max-width:34rem;
}

.page-statische-website-erstellen-lassen .swe-fit__note{
  margin-top:1.05rem;
}

.page-statische-website-erstellen-lassen .swe-note--warm{
  border-color:rgba(var(--swe-warm-rgb), .24);
  background:
    linear-gradient(180deg, rgba(var(--swe-warm-rgb), .14), rgba(var(--swe-warm-rgb), .06)),
    rgba(22,18,16,.54);
  box-shadow:var(--shadow-card);
}

.page-statische-website-erstellen-lassen .swe-note--warm .swe-icon{
  color:rgba(249,206,160,.98);
}

.page-statische-website-erstellen-lassen .swe-note--warm strong{
  display:block;
  margin-bottom:.24rem;
  font-size:1rem;
  line-height:1.24;
  color:#fff;
}

.page-statische-website-erstellen-lassen .swe-note--warm a{
  color:#fff;
  border-bottom-color:rgba(var(--swe-warm-rgb), .38);
}

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

.page-statische-website-erstellen-lassen .swe-process__track{
  display:grid;
  gap:1rem;
}

.page-statische-website-erstellen-lassen .swe-step{
  position:relative;
  display:grid;
  gap:.3rem;
}

.page-statische-website-erstellen-lassen .swe-step__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.45rem;
  height:2.45rem;
  margin-bottom:.78rem;
  border-radius:50%;
  justify-self:start;
  align-self:start;
  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-statische-website-erstellen-lassen .swe-route{
  display:flex;
  flex-direction:column;
  gap:.08rem;
  min-height:100%;
  text-decoration:none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.page-statische-website-erstellen-lassen .swe-final__copy{
  padding:1rem;
}

.page-statische-website-erstellen-lassen .swe-final__mini{
  margin-top:1rem;
}

.page-statische-website-erstellen-lassen .swe-final__compass{
  display:grid;
  gap:1rem;
  padding:1rem;
  border-radius:var(--swe-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-statische-website-erstellen-lassen .swe-final__head{
  padding:.1rem .1rem 0;
}

.page-statische-website-erstellen-lassen .swe-final__row{
  padding:.94rem;
  border-radius:var(--swe-radius-md);
}

.page-statische-website-erstellen-lassen .swe-final__row-label{
  display:block;
  margin-bottom:.26rem;
  color:rgba(248,251,255,.72);
  font-size:.76rem;
  font-weight:780;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.page-statische-website-erstellen-lassen .swe-final__row p{
  margin:0;
  color:#fff;
  line-height:1.45;
}

.page-statische-website-erstellen-lassen .swe-final__card{
  padding:.94rem .96rem 1rem;
  border-radius:var(--swe-radius-md);
}

.page-statische-website-erstellen-lassen .swe-final__card strong{
  display:block;
  margin-bottom:.38rem;
  font-size:1.03rem;
  line-height:1.28;
  letter-spacing:-.012em;
}

@media (min-width: 48rem){
  .page-statische-website-erstellen-lassen .swe-card-grid--decision,
  .page-statische-website-erstellen-lassen .swe-card-grid--routes,
  .page-statische-website-erstellen-lassen .swe-card-grid--fit,
  .page-statische-website-erstellen-lassen .swe-stage__cards,
  .page-statische-website-erstellen-lassen .swe-final__notes{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-statische-website-erstellen-lassen .swe-principles__grid{
    grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, 1fr);
  }

  .page-statische-website-erstellen-lassen .swe-process__track{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 70rem){
  .page-statische-website-erstellen-lassen .swe-decision__shell{
    grid-template-columns:minmax(0, .84fr) minmax(0, 1.16fr);
    align-items:start;
  }
}

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

  .page-statische-website-erstellen-lassen .swe-final__compass{
    padding:1rem .95rem;
  }
}

@media (max-width: 47.99rem){
  .page-statische-website-erstellen-lassen .swe-stage,
  .page-statische-website-erstellen-lassen .swe-final__panel,
  .page-statische-website-erstellen-lassen .swe-decision__shell{
    padding:.92rem;
  }

  .page-statische-website-erstellen-lassen .swe-card,
  .page-statische-website-erstellen-lassen .swe-principle,
  .page-statische-website-erstellen-lassen .swe-fit__card,
  .page-statische-website-erstellen-lassen .swe-route,
  .page-statische-website-erstellen-lassen .swe-step,
  .page-statische-website-erstellen-lassen .swe-stage__card,
  .page-statische-website-erstellen-lassen .swe-score__row,
  .page-statische-website-erstellen-lassen .swe-final__card,
  .page-statische-website-erstellen-lassen .swe-final__row,
  .page-statische-website-erstellen-lassen .swe-decision__note{
    padding:.95rem;
  }

  .page-statische-website-erstellen-lassen .swe-principle__top,
  .page-statische-website-erstellen-lassen .swe-fit__top,
  .page-statische-website-erstellen-lassen .swe-final__card-top,
  .page-statische-website-erstellen-lassen .swe-card__top{
    flex-direction:column;
    align-items:flex-start;
  }

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