.page-webdesign-agentur-mannheim{
  --wdm-warm-rgb:214, 156, 96;
  --wdm-border:rgba(255,255,255,.10);
  --wdm-border-strong:rgba(255,255,255,.16);
  --wdm-surface:rgba(255,255,255,.035);
  --wdm-surface-strong:rgba(255,255,255,.06);
  --wdm-panel:rgba(13,17,25,.82);
  --wdm-panel-soft:rgba(13,17,25,.74);
  --wdm-shadow:0 18px 48px rgba(0,0,0,.18);
  --wdm-shadow-deep:0 30px 76px rgba(0,0,0,.24);
}

.wdm-page{
  position:relative;
}

.wdm-page h2{
  margin-top:0;
}

.wdm-page .ui-line-accent--section,
.wdm-page .ui-line-accent{
  --line-width:min(10.4rem, 44%);
  --line-gap:.62rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .94), rgba(var(--brand-indigo-rgb), .78));
  --line-opacity:.9;
}

.wdm-tone--brand{
  --wdm-accent-rgb:var(--brand-rgb);
}

.wdm-tone--indigo{
  --wdm-accent-rgb:var(--brand-indigo-rgb);
}

.wdm-tone--green{
  --wdm-accent-rgb:var(--brand-green-rgb);
}

.wdm-tone--warm{
  --wdm-accent-rgb:var(--wdm-warm-rgb);
}

.wdm-icon{
  color:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .96);
}

.wdm-page .ui-icon-box.wdm-icon{
  width:2.4rem;
  height:2.4rem;
  border:1px solid rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .18);
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .10);
  box-shadow:none;
}

.wdm-page .ui-icon-box.wdm-icon svg{
  width:1.05rem;
  height:1.05rem;
  display:block;
}

.wdm-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.wdm-hero__grid{
  --split-cols:minmax(0, 1.03fr) minmax(350px, .97fr);
  --split-align-desktop:start;
  gap:clamp(1.2rem, 2.9vw, 2.5rem);
}

.wdm-hero__copy{
  max-width:40rem;
}

.wdm-hero__title{
  max-width:min(100%, 18.4ch);
  font-size:var(--page-h1-size);
  line-height:var(--page-heading-line-height);
  margin-bottom:.92rem;
}

.wdm-hero__lead,
.wdm-hero__body{
  max-width:39rem;
}

.wdm-hero__body{
  margin-top:.9rem;
}

.wdm-hero__actions{
  margin-top:1.22rem;
}

.wdm-hero__meta{
  margin-top:1.05rem;
  max-width:37rem;
}

.wdm-hero__stage{
  display:grid;
  gap:.96rem;
  padding:1.12rem 1.16rem 1.18rem;
  border:1px solid var(--wdm-border);
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014)),
    var(--wdm-panel-soft);
  box-shadow:var(--wdm-shadow-deep);
}

.wdm-stage__eyebrow{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  padding:.36rem .62rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:rgba(var(--brand-rgb), .12);
  color:rgba(248,251,255,.94);
  font-size:.79rem;
  font-weight:840;
  line-height:1.1;
}

.wdm-stage__title{
  display:block;
  max-width:32rem;
  font-size:1.16rem;
  line-height:1.3;
  font-weight:870;
  letter-spacing:-.015em;
}

.wdm-stage__intro{
  margin:0;
  color:rgba(248,251,255,.74);
  font-size:.94rem;
  line-height:1.58;
}

.wdm-stage__list{
  display:grid;
  gap:.8rem;
}

.wdm-stage__row{
  display:grid;
  gap:.36rem;
  padding:.9rem .92rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.025);
  transition:transform var(--transition-base), border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);
}

.wdm-stage__row:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .24);
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .08);
  box-shadow:0 20px 44px rgba(0,0,0,.16);
}

.wdm-stage__row-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.9rem;
}

.wdm-stage__label{
  display:inline-flex;
  padding:.2rem 0;
  color:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .96);
  font-size:.8rem;
  font-weight:850;
  line-height:1.1;
}

.wdm-stage__dot{
  width:.48rem;
  height:.48rem;
  border-radius:999px;
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .92);
  box-shadow:0 0 0 4px rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .1);
  flex:0 0 .48rem;
}

.wdm-stage__row h3{
  margin:0;
  font-size:1.03rem;
  line-height:1.34;
}

.wdm-stage__row p{
  margin:0;
  color:rgba(248,251,255,.76);
  font-size:.93rem;
  line-height:1.56;
}

.wdm-section-head{
  max-width:58rem;
  margin-bottom:1.7rem;
}

.wdm-section-head--center{
  text-align:center;
  margin-inline:auto;
  max-width:60rem;
}

.wdm-section-head--center .ui-line-accent{
  max-width:32ch;
  margin-inline:auto;
}

.wdm-section-head .ui-copy-lead,
.wdm-section-head .ui-copy-body{
  max-width:54rem;
}

.wdm-section-head--center .ui-copy-lead,
.wdm-section-head--center .ui-copy-body{
  margin-inline:auto;
}

.wdm-pressure__stack{
  display:grid;
  gap:.95rem;
}

.wdm-pressure__lane{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:1rem;
  align-items:flex-start;
  padding:1.08rem 1.12rem;
  border-radius:24px;
  border:1px solid var(--wdm-border);
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014));
  box-shadow:var(--wdm-shadow);
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.wdm-pressure__lane:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .28);
  box-shadow:0 24px 54px rgba(0,0,0,.22);
}

.wdm-pressure__num{
  display:grid;
  place-items:center;
  width:2.7rem;
  height:2.7rem;
  border-radius:999px;
  border:1px solid rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .28);
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .14);
  color:#fff;
  font-size:.96rem;
  font-weight:880;
  line-height:1;
}

.wdm-pressure__tag{
  display:inline-flex;
  padding:.26rem .56rem;
  border-radius:999px;
  border:1px solid rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .18);
  background:rgba(255,255,255,.03);
  color:rgba(248,251,255,.84);
  font-size:.77rem;
  font-weight:800;
  line-height:1.1;
}

.wdm-pressure__body h3{
  margin:.64rem 0 0;
  font-size:1.07rem;
  line-height:1.34;
}

.wdm-pressure__body p{
  margin:.48rem 0 0;
  color:rgba(248,251,255,.78);
  font-size:.95rem;
  line-height:1.6;
}

.wdm-scope__grid{
  display:block;
}

.wdm-scope__board{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.wdm-scope__card{
  min-height:100%;
  padding:1.04rem 1.05rem 1.1rem;
  border-radius:24px;
  border:1px solid var(--wdm-border);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--wdm-shadow);
  transition:transform var(--transition-base), border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);
}

.wdm-scope__card:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .28);
  box-shadow:0 24px 56px rgba(0,0,0,.22);
}

.wdm-scope__head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.82rem;
  align-items:start;
}

.wdm-scope__label{
  display:inline-flex;
  padding:.18rem 0;
  color:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .96);
  font-size:.79rem;
  font-weight:850;
  line-height:1.1;
}

.wdm-scope__card h3{
  margin:.24rem 0 0;
  font-size:1.08rem;
  line-height:1.34;
}

.wdm-scope__card p{
  margin:.5rem 0 0;
  color:rgba(248,251,255,.77);
  font-size:.94rem;
  line-height:1.58;
}

.wdm-scope__list{
  list-style:none;
  display:grid;
  gap:.55rem;
  margin:.78rem 0 0;
  padding:0;
}

.wdm-scope__list li{
  position:relative;
  padding-left:1rem;
  color:rgba(248,251,255,.86);
  font-size:.9rem;
  line-height:1.5;
}

.wdm-scope__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55rem;
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .92);
  box-shadow:0 0 0 4px rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .12);
}

.wdm-fit__grid{
  --split-cols:minmax(0, 1fr) minmax(0, 1fr);
  --split-align-desktop:stretch;
  gap:1rem;
}

.wdm-fit__panel{
  padding:1.12rem 1.12rem 1.18rem;
  border-radius:26px;
  border:1px solid var(--wdm-border);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--wdm-shadow);
}

.wdm-fit__label{
  display:inline-flex;
  padding:.3rem .58rem;
  border-radius:999px;
  border:1px solid rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .22);
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .12);
  color:#fff;
  font-size:.8rem;
  font-weight:840;
  line-height:1.1;
}

.wdm-fit__panel h3{
  margin:.8rem 0 0;
  font-size:1.1rem;
  line-height:1.34;
}

.wdm-fit__list{
  list-style:none;
  display:grid;
  gap:.72rem;
  margin:.84rem 0 0;
  padding:0;
}

.wdm-fit__list li{
  position:relative;
  padding-left:1.05rem;
  color:rgba(248,251,255,.82);
  line-height:1.56;
}

.wdm-fit__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.56rem;
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .96);
  box-shadow:0 0 0 4px rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .12);
}

.wdm-routes{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  margin-top:1.12rem;
}

.wdm-route{
  min-height:100%;
  display:flex;
  flex-direction:column;
  gap:.72rem;
  padding:1rem 1.02rem 1.08rem;
  border-radius:24px;
  border:1px solid var(--wdm-border);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--wdm-shadow);
  text-decoration:none;
  color:inherit;
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}

.wdm-route:hover,
.wdm-route:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .3);
  box-shadow:0 24px 56px rgba(0,0,0,.22);
}

.wdm-route__head{
  display:grid;
  gap:.68rem;
}

.wdm-route__head h3{
  margin:0;
  font-size:1.02rem;
  line-height:1.32;
}

.wdm-route p{
  margin:0;
  color:rgba(248,251,255,.76);
  font-size:.92rem;
  line-height:1.56;
}

.wdm-route .ui-text-link{
  margin-top:auto;
}

.wdm-process__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.wdm-step{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.96rem;
  align-items:flex-start;
  padding:1.02rem 1.06rem;
  border-radius:24px;
  border:1px solid var(--wdm-border);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--wdm-shadow);
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.wdm-step:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .28);
  box-shadow:0 24px 56px rgba(0,0,0,.22);
}

.wdm-step__num{
  display:grid;
  place-items:center;
  width:2.8rem;
  height:2.8rem;
  border-radius:999px;
  border:1px solid rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .3);
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .14);
  color:#fff;
  font-size:.96rem;
  font-weight:900;
  line-height:1;
}

.wdm-step__body h3{
  margin:0;
  font-size:1.06rem;
  line-height:1.34;
}

.wdm-step__body p{
  margin:.46rem 0 0;
  color:rgba(248,251,255,.78);
  font-size:.94rem;
  line-height:1.58;
}

.wdm-faq__grid{
  --split-cols:minmax(0, .9fr) minmax(0, 1.1fr);
  --split-align-desktop:start;
  gap:clamp(1.2rem, 3vw, 2.4rem);
}

.wdm-faq__copy{
  max-width:34rem;
}

.wdm-faq__wrap{
  display:grid;
  gap:.86rem;
}

.wdm-faq__item{
  border:1px solid var(--wdm-border);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--wdm-shadow);
  overflow:hidden;
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.wdm-faq__item:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--brand-rgb), .22);
  box-shadow:0 20px 44px rgba(0,0,0,.2);
}

.wdm-faq__item summary{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  padding:1rem 1.05rem;
  cursor:pointer;
  list-style:none;
}

.wdm-faq__item summary::-webkit-details-marker{
  display:none;
}

.wdm-faq__item summary span:first-child{
  font-weight:760;
  line-height:1.45;
}

.wdm-faq__icon{
  position:relative;
  flex:0 0 1rem;
  width:1rem;
  height:1rem;
  margin-top:.25rem;
}

.wdm-faq__icon::before,
.wdm-faq__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:.95rem;
  height:2px;
  border-radius:999px;
  background:rgba(var(--brand-rgb), .94);
  transform:translate(-50%, -50%);
  transition:transform var(--transition-fast), opacity var(--transition-fast);
}

.wdm-faq__icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.wdm-faq__item[open] .wdm-faq__icon::after{
  opacity:0;
  transform:translate(-50%, -50%) rotate(0deg);
}

.wdm-faq__answer{
  padding:0 1.05rem 1.02rem;
  color:rgba(248,251,255,.78);
  line-height:1.62;
}

.wdm-faq__answer p{
  margin:0;
}

.wdm-close__panel{
  padding:clamp(1.22rem, 3vw, 2rem);
}

.wdm-close__grid{
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(320px, 1.04fr);
  gap:clamp(1.2rem, 3vw, 2.3rem);
  align-items:center;
}

.wdm-close__copy{
  max-width:36rem;
}

.wdm-close__actions{
  margin-top:1.2rem;
}

.wdm-close__summary{
  align-self:center;
  padding:1.05rem 1.06rem 1.08rem;
  border-radius:26px;
  border:1px solid var(--wdm-border);
  background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.016));
  box-shadow:var(--wdm-shadow-deep);
}

.wdm-close__eyebrow{
  display:inline-flex;
  padding:.34rem .6rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb), .22);
  background:rgba(var(--brand-rgb), .12);
  color:#fff;
  font-size:.79rem;
  font-weight:840;
  line-height:1.1;
}

.wdm-close__items{
  display:grid;
  gap:.78rem;
  margin-top:.88rem;
}

.wdm-close__item{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:.9rem;
  align-items:flex-start;
  padding:.92rem 0;
  border-top:1px solid rgba(255,255,255,.08);
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.wdm-close__item:first-child{
  border-top:0;
  padding-top:.08rem;
}

.wdm-close__item:hover{
  transform:translateX(2px);
}

.wdm-close__num{
  display:grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:999px;
  border:1px solid rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .24);
  background:rgba(var(--wdm-accent-rgb, var(--brand-rgb)), .12);
  color:#fff;
  font-size:.9rem;
  font-weight:900;
  line-height:1;
}

.wdm-close__item h3{
  margin:0;
  font-size:1rem;
  line-height:1.3;
}

.wdm-close__item p{
  margin:.45rem 0 0;
  color:rgba(248,251,255,.75);
  font-size:.92rem;
  line-height:1.54;
}

@media (max-width: 1120px){
  .wdm-routes{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  .wdm-hero__grid,
  .wdm-close__grid,
  .wdm-faq__grid{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdm-process__grid{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdm-faq__copy,
  .wdm-close__copy{
    max-width:none;
  }
}

@media (max-width: 760px){
  .wdm-hero__stage,
  .wdm-close__panel{
    padding:.88rem;
  }

  .wdm-stage__card,
  .wdm-pressure__lane,
  .wdm-scope__card,
  .wdm-fit__panel,
  .wdm-route,
  .wdm-step,
  .wdm-close__item{
    padding:.92rem;
  }

  .wdm-scope__board,
  .wdm-routes{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdm-pressure__lane,
  .wdm-step,
  .wdm-close__item{
    grid-template-columns:minmax(0, 1fr);
  }

  .wdm-pressure__num,
  .wdm-step__num,
  .wdm-close__num{
    width:2.5rem;
    height:2.5rem;
  }
}