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

.page-website-programmieren-lassen .wpl-page{
  position:relative;
}

.page-website-programmieren-lassen .wpl-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.page-website-programmieren-lassen .wpl-hero__grid{
  --split-cols:minmax(0, .96fr) minmax(350px, 1.04fr);
  --split-align-desktop:start;
  gap:clamp(1.25rem, 3vw, 2.45rem);
  align-items:start;
}

.page-website-programmieren-lassen .wpl-hero__copy{
  max-width:45rem;
}

.page-website-programmieren-lassen .wpl-hero__title{
  max-width:18.9ch;
  margin-bottom:.92rem;
}

.page-website-programmieren-lassen .wpl-hero__lead,
.page-website-programmieren-lassen .wpl-hero__body,
.page-website-programmieren-lassen .wpl-hero__meta{
  max-width:40rem;
}

.page-website-programmieren-lassen .wpl-hero__actions{
  --cta-mt:1.14rem;
}

.page-website-programmieren-lassen .wpl-section-head{
  max-width:57rem;
  margin-bottom:1.2rem;
}

.page-website-programmieren-lassen .wpl-section-head--center{
  margin-inline:auto;
  text-align:center;
  --eyebrow-margin-inline:auto;
}

.page-website-programmieren-lassen .wpl-icon{
  color:rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .96);
}

.page-website-programmieren-lassen .wpl-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-website-programmieren-lassen .ui-icon-box.wpl-icon{
  border:1px solid rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .18);
  background:rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .10);
  box-shadow:none;
}

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

.page-website-programmieren-lassen .wpl-tone::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .76), rgba(var(--wpl-indigo-rgb), .34), transparent 78%);
  opacity:.82;
  pointer-events:none;
}

.page-website-programmieren-lassen .wpl-tone--brand{
  --wpl-accent-rgb:var(--brand-rgb);
}

.page-website-programmieren-lassen .wpl-tone--indigo{
  --wpl-accent-rgb:var(--wpl-indigo-rgb);
}

.page-website-programmieren-lassen .wpl-tone--warm{
  --wpl-accent-rgb:var(--wpl-warm-rgb);
}

.page-website-programmieren-lassen .wpl-card,
.page-website-programmieren-lassen .wpl-fit__card,
.page-website-programmieren-lassen .wpl-route,
.page-website-programmieren-lassen .wpl-step,
.page-website-programmieren-lassen .wpl-process__outcome,
.page-website-programmieren-lassen .wpl-brief__item,
.page-website-programmieren-lassen .wpl-map__node,
.page-website-programmieren-lassen .wpl-pillar{
  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-website-programmieren-lassen .wpl-card:hover,
.page-website-programmieren-lassen .wpl-fit__card:hover,
.page-website-programmieren-lassen .wpl-route:hover,
.page-website-programmieren-lassen .wpl-step:hover,
.page-website-programmieren-lassen .wpl-process__outcome:hover,
.page-website-programmieren-lassen .wpl-brief__item:hover,
.page-website-programmieren-lassen .wpl-map__node:hover,
.page-website-programmieren-lassen .wpl-pillar:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .26);
  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-website-programmieren-lassen .wpl-card,
.page-website-programmieren-lassen .wpl-fit__card,
.page-website-programmieren-lassen .wpl-route,
.page-website-programmieren-lassen .wpl-process__outcome{
  padding:1.04rem 1.04rem 1.08rem;
  border-radius:var(--wpl-radius-lg);
}

.page-website-programmieren-lassen .wpl-card__head,
.page-website-programmieren-lassen .wpl-fit__top{
  display:flex;
  align-items:center;
  gap:.76rem;
  min-width:0;
}

.page-website-programmieren-lassen .wpl-card__head{
  margin-bottom:.76rem;
}

.page-website-programmieren-lassen .wpl-card__head h3,
.page-website-programmieren-lassen .wpl-card h3,
.page-website-programmieren-lassen .wpl-fit__card h3,
.page-website-programmieren-lassen .wpl-pillar h3,
.page-website-programmieren-lassen .wpl-step h3,
.page-website-programmieren-lassen .wpl-route h3,
.page-website-programmieren-lassen .wpl-map__node h3,
.page-website-programmieren-lassen .wpl-process__outcome h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.26;
  letter-spacing:-.012em;
}

.page-website-programmieren-lassen .wpl-card h3,
.page-website-programmieren-lassen .wpl-fit__card h3,
.page-website-programmieren-lassen .wpl-pillar h3,
.page-website-programmieren-lassen .wpl-step h3,
.page-website-programmieren-lassen .wpl-map__node h3,
.page-website-programmieren-lassen .wpl-process__outcome h3{
  margin-bottom:.4rem;
}

.page-website-programmieren-lassen .wpl-card p,
.page-website-programmieren-lassen .wpl-fit__card p,
.page-website-programmieren-lassen .wpl-pillar p,
.page-website-programmieren-lassen .wpl-step p,
.page-website-programmieren-lassen .wpl-route p,
.page-website-programmieren-lassen .wpl-map__node p,
.page-website-programmieren-lassen .wpl-process__outcome p,
.page-website-programmieren-lassen .wpl-brief__item p{
  font-size:1rem;
  line-height:1.62;
}

.page-website-programmieren-lassen .wpl-build-visual{
  position:relative;
  justify-self:end;
  align-self:center;
  width:100%;
  max-width:36rem;
  padding:1rem;
  border-radius:var(--wpl-radius-xl);
  border:1px solid var(--wpl-border-strong);
  background:
    radial-gradient(circle at 80% 10%, rgba(var(--wpl-indigo-rgb), .13), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(12,16,25,.82));
  box-shadow:var(--shadow-panel-strong);
  overflow:hidden;
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.page-website-programmieren-lassen .wpl-build-visual::before,
.page-website-programmieren-lassen .wpl-brief::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .74), rgba(var(--wpl-indigo-rgb), .42), transparent 84%);
  opacity:.8;
  pointer-events:none;
}

.page-website-programmieren-lassen .wpl-build-visual:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 30px 72px rgba(0,0,0,.25);
}

.page-website-programmieren-lassen .wpl-build__bar{
  display:flex;
  align-items:center;
  gap:.38rem;
  min-height:2.32rem;
  padding:.66rem .76rem;
  border:1px solid rgba(255,255,255,.09);
  border-bottom:0;
  border-radius:20px 20px 0 0;
  background:rgba(255,255,255,.035);
}

.page-website-programmieren-lassen .wpl-build__bar span{
  width:.58rem;
  height:.58rem;
  border-radius:999px;
}

.page-website-programmieren-lassen .wpl-build__bar span:nth-child(1){
  background:rgba(var(--brand-rgb), .78);
}

.page-website-programmieren-lassen .wpl-build__bar span:nth-child(2){
  background:rgba(var(--wpl-indigo-rgb), .78);
}

.page-website-programmieren-lassen .wpl-build__bar span:nth-child(3){
  background:rgba(var(--wpl-warm-rgb), .78);
}

.page-website-programmieren-lassen .wpl-build__bar strong{
  margin-left:auto;
  color:rgba(248,251,255,.66);
  font-size:.75rem;
  font-weight:880;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.page-website-programmieren-lassen .wpl-build__body{
  padding:1rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:0 0 24px 24px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.024) 1px, transparent 1px),
    rgba(255,255,255,.022);
  background-size:34px 34px;
}

.page-website-programmieren-lassen .wpl-build__workbench{
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr);
  gap:.76rem;
  align-items:stretch;
}

.page-website-programmieren-lassen .wpl-build-code,
.page-website-programmieren-lassen .wpl-build-preview{
  min-width:0;
  min-height:11rem;
  padding:.9rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(9,14,23,.78);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}

.page-website-programmieren-lassen .wpl-build-code__file,
.page-website-programmieren-lassen .wpl-build-preview > span{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:1.55rem;
  padding:.26rem .52rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:rgba(248,251,255,.70);
  font-size:.7rem;
  font-weight:860;
  line-height:1;
}

.page-website-programmieren-lassen .wpl-build-code i{
  display:block;
  height:.46rem;
  margin-top:.7rem;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .68), rgba(255,255,255,.18));
}

.page-website-programmieren-lassen .wpl-build-code i:nth-of-type(1){ width:92%; }
.page-website-programmieren-lassen .wpl-build-code i:nth-of-type(2){ width:68%; }
.page-website-programmieren-lassen .wpl-build-code i:nth-of-type(3){ width:82%; }
.page-website-programmieren-lassen .wpl-build-code i:nth-of-type(4){ width:58%; }
.page-website-programmieren-lassen .wpl-build-code i:nth-of-type(5){ width:76%; }

.page-website-programmieren-lassen .wpl-build-preview{
  background:
    linear-gradient(145deg, rgba(var(--brand-rgb), .11), rgba(var(--wpl-indigo-rgb), .07)),
    rgba(9,14,23,.82);
}

.page-website-programmieren-lassen .wpl-build-preview strong{
  display:block;
  margin-top:.64rem;
  color:#fff;
  font-size:1.04rem;
  line-height:1.14;
  letter-spacing:-.012em;
}

.page-website-programmieren-lassen .wpl-build-preview__screen{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.48rem;
  margin-top:.78rem;
}

.page-website-programmieren-lassen .wpl-build-preview__screen i,
.page-website-programmieren-lassen .wpl-build-preview__screen em{
  min-height:2.15rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.07);
}

.page-website-programmieren-lassen .wpl-build-preview__screen i:first-child{
  grid-column:1 / -1;
  min-height:2.6rem;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .22), rgba(var(--wpl-indigo-rgb), .12));
}

.page-website-programmieren-lassen .wpl-build-preview__screen em{
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .74), rgba(var(--wpl-indigo-rgb), .58));
}

.page-website-programmieren-lassen .wpl-build__flow{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.62rem;
  margin-top:.86rem;
}

.page-website-programmieren-lassen .wpl-build__node{
  min-width:0;
  padding:.72rem .76rem;
  border-radius:17px;
  border:1px solid rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .16);
  background:linear-gradient(180deg, rgba(255,255,255,.044), rgba(15,20,31,.48));
  box-shadow:inset 3px 0 0 rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .22);
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}

.page-website-programmieren-lassen .wpl-build__node:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .28);
  background:linear-gradient(180deg, rgba(255,255,255,.058), rgba(15,20,31,.54));
}

.page-website-programmieren-lassen .wpl-build__node span{
  display:block;
  color:rgba(var(--wpl-accent-rgb, var(--brand-rgb)), .96);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.05em;
  line-height:1.08;
  text-transform:uppercase;
}

.page-website-programmieren-lassen .wpl-build__node p{
  margin:.28rem 0 0;
  color:rgba(248,251,255,.78);
  font-size:.82rem;
  line-height:1.34;
}

.page-website-programmieren-lassen .wpl-map{
  padding:1rem;
  border-radius:var(--wpl-radius-xl);
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(var(--brand-indigo-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-website-programmieren-lassen .wpl-map__head{
  padding:.22rem .16rem 0;
}

.page-website-programmieren-lassen .wpl-map__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-website-programmieren-lassen .wpl-map__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-website-programmieren-lassen .wpl-map__head strong,
.page-website-programmieren-lassen .wpl-process__stage-head strong,
.page-website-programmieren-lassen .wpl-brief__head strong{
  display:block;
  margin-top:.76rem;
  font-size:1.18rem;
  line-height:1.23;
  letter-spacing:-.018em;
}

.page-website-programmieren-lassen .wpl-map__head p,
.page-website-programmieren-lassen .wpl-process__stage-head p,
.page-website-programmieren-lassen .wpl-brief__head p{
  margin-top:.48rem;
  color:rgba(248,251,255,.80);
  font-size:1rem;
  line-height:1.62;
}

.page-website-programmieren-lassen .wpl-map__canvas{
  display:grid;
  gap:.94rem;
}

.page-website-programmieren-lassen .wpl-map__node{
  padding:.98rem;
  border-radius:var(--wpl-radius-md);
}

.page-website-programmieren-lassen .wpl-map__label,
.page-website-programmieren-lassen .wpl-fit__label,
.page-website-programmieren-lassen .wpl-brief__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-website-programmieren-lassen .wpl-map__label{
  margin-bottom:.72rem;
}

.page-website-programmieren-lassen .wpl-mosaic__grid{
  display:grid;
  gap:1.1rem;
}

.page-website-programmieren-lassen .wpl-mosaic__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-website-programmieren-lassen .wpl-card-grid{
  display:grid;
  gap:.96rem;
}

.page-website-programmieren-lassen .wpl-fit__top{
  justify-content:space-between;
  margin-bottom:.82rem;
}

.page-website-programmieren-lassen .wpl-pillars__track{
  display:grid;
  gap:1rem;
}

.page-website-programmieren-lassen .wpl-pillar{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:1rem;
  align-items:start;
  padding:1rem 1.06rem;
  border-radius:var(--wpl-radius-xl);
}

.page-website-programmieren-lassen .wpl-pillar__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-website-programmieren-lassen .wpl-process__grid{
  --split-cols:minmax(0, .94fr) minmax(0, 1.06fr);
  --split-align-desktop:start;
}

.page-website-programmieren-lassen .wpl-process__copy,
.page-website-programmieren-lassen .wpl-faq__copy{
  max-width:34rem;
}

.page-website-programmieren-lassen .wpl-process__rail{
  display:grid;
  gap:.92rem;
  margin-top:1.1rem;
}

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

.page-website-programmieren-lassen .wpl-step__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.3rem;
  height:2.3rem;
  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-website-programmieren-lassen .wpl-process__stage{
  display:grid;
  gap:1rem;
  padding:1rem;
  border-radius:var(--wpl-radius-xl);
  align-self:center;
}

.page-website-programmieren-lassen .wpl-process__outcomes,
.page-website-programmieren-lassen .wpl-brief__items{
  display:grid;
  gap:.94rem;
}

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

.page-website-programmieren-lassen .wpl-route .ui-text-link{
  margin-top:auto;
  width:fit-content;
}

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

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

.page-website-programmieren-lassen .wpl-faq__wrap{
  display:grid;
  gap:.88rem;
}

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

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

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

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

.page-website-programmieren-lassen .wpl-faq__icon{
  position:relative;
  width:1.18rem;
  height:1.18rem;
  flex:0 0 1.18rem;
}

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

.page-website-programmieren-lassen .wpl-faq__item[open] .wpl-faq__icon::after{
  opacity:0;
}

.page-website-programmieren-lassen .wpl-faq__answer{
  padding:0 1.08rem 1.04rem;
}

.page-website-programmieren-lassen .wpl-faq__answer p{
  font-size:1rem;
  line-height:1.66;
}

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

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

.page-website-programmieren-lassen .wpl-final__grid{
  --split-cols:minmax(0, .92fr) minmax(0, 1.08fr);
  --split-align-desktop:center;
  gap:clamp(1.15rem, 3vw, 2.2rem);
}

.page-website-programmieren-lassen .wpl-final__copy{
  padding:1rem;
}

.page-website-programmieren-lassen .wpl-final__actions{
  --cta-mt:1.12rem;
}

.page-website-programmieren-lassen .wpl-final__mini{
  margin-top:1rem;
}

.page-website-programmieren-lassen .wpl-brief{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:.9rem;
  padding:.95rem;
  border-radius:var(--wpl-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-website-programmieren-lassen .wpl-brief__item{
  padding:.82rem;
  border-radius:var(--wpl-radius-md);
}

.page-website-programmieren-lassen .wpl-brief__item p{
  margin:0;
}

.page-website-programmieren-lassen .wpl-brief__footer{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.78rem;
  align-items:start;
  padding:.82rem;
  border-radius:var(--wpl-radius-md);
  border:1px solid rgba(var(--brand-rgb), .16);
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb), .12), rgba(var(--brand-rgb), .05)),
    rgba(16,19,28,.56);
}

.page-website-programmieren-lassen .wpl-brief__footer span{
  width:.92rem;
  height:.92rem;
  margin-top:.2rem;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .98);
  box-shadow:0 0 0 5px rgba(var(--brand-rgb), .14);
}

.page-website-programmieren-lassen .wpl-brief__footer p{
  margin:0;
  font-size:.92rem;
  line-height:1.52;
}

@media (min-width: 48rem){
  .page-website-programmieren-lassen .wpl-card-grid--mosaic,
  .page-website-programmieren-lassen .wpl-card-grid--fit,
  .page-website-programmieren-lassen .wpl-card-grid--routes,
  .page-website-programmieren-lassen .wpl-process__outcomes,
  .page-website-programmieren-lassen .wpl-brief__items{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-website-programmieren-lassen .wpl-map__canvas{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-website-programmieren-lassen .wpl-map__node--wide,
  .page-website-programmieren-lassen .wpl-map__node--base{
    grid-column:1 / -1;
  }
}

@media (min-width: 70rem){
  .page-website-programmieren-lassen .wpl-brief__items{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 70rem){
  .page-website-programmieren-lassen .wpl-mosaic__grid{
    grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr);
    align-items:start;
  }

  .page-website-programmieren-lassen .wpl-card-grid--mosaic{
    align-self:center;
  }
}

@media (max-width: 61.99rem){
  .page-website-programmieren-lassen .wpl-build-visual{
    justify-self:start;
    max-width:none;
  }

  .page-website-programmieren-lassen .wpl-final__copy{
    padding:1rem .35rem .4rem;
  }

  .page-website-programmieren-lassen .wpl-brief{
    padding:1rem .95rem;
  }
}

@media (max-width: 47.99rem){
  .page-website-programmieren-lassen .wpl-map,
  .page-website-programmieren-lassen .wpl-build-visual,
  .page-website-programmieren-lassen .wpl-final__panel,
  .page-website-programmieren-lassen .wpl-process__stage{
    padding:.92rem;
  }

  .page-website-programmieren-lassen .wpl-build__body{
    padding:.82rem;
  }

  .page-website-programmieren-lassen .wpl-build__workbench,
  .page-website-programmieren-lassen .wpl-build__flow{
    grid-template-columns:minmax(0, 1fr);
  }

  .page-website-programmieren-lassen .wpl-build-code,
  .page-website-programmieren-lassen .wpl-build-preview{
    min-height:auto;
  }

  .page-website-programmieren-lassen .wpl-card,
  .page-website-programmieren-lassen .wpl-fit__card,
  .page-website-programmieren-lassen .wpl-route,
  .page-website-programmieren-lassen .wpl-step,
  .page-website-programmieren-lassen .wpl-process__outcome,
  .page-website-programmieren-lassen .wpl-brief__item,
  .page-website-programmieren-lassen .wpl-map__node,
  .page-website-programmieren-lassen .wpl-pillar,
  .page-website-programmieren-lassen .wpl-brief__footer{
    padding:.95rem;
  }

  .page-website-programmieren-lassen .wpl-fit__top{
    flex-direction:column;
    align-items:flex-start;
  }

  .page-website-programmieren-lassen .wpl-hero__actions .buttonmain,
  .page-website-programmieren-lassen .wpl-hero__actions .buttonmainsecond,
  .page-website-programmieren-lassen .wpl-final__actions .buttonmain,
  .page-website-programmieren-lassen .wpl-final__actions .buttonmainsecond{
    width:100%;
  }
}