/* Final detail-page refinements: scoped to the three enriched service pages. */
.service-page-home .service-detail-hero,
.service-page-help .service-detail-hero,
.service-page-moving .service-detail-hero{
  min-height:0;
  padding-top:68px;
  padding-bottom:68px;
  align-items:center;
}
.service-page-home .service-detail-hero,
.service-page-help .service-detail-hero{background-color:#0d3022}
.service-page-moving .service-detail-hero{background-color:#223444}
.service-page-home .service-detail-hero::before,
.service-page-help .service-detail-hero::before,
.service-page-moving .service-detail-hero::before{
  background:linear-gradient(120deg,transparent 43%,rgba(255,255,255,.035) 43.1%,transparent 43.35%)
}
.service-page-home .service-hero-tools g,
.service-page-help .service-hero-tools g{stroke:#0d3022}
.service-page-moving .service-hero-tools g{stroke:#223444}
.service-page-home .service-hero-quote :is(input,select,textarea):focus,
.service-page-help .service-hero-quote :is(input,select,textarea):focus{border-color:#0d3022;box-shadow:0 0 0 3px rgba(13,48,34,.12)}
.service-page-moving .service-hero-quote :is(input,select,textarea):focus{border-color:#223444;box-shadow:0 0 0 3px rgba(34,52,68,.12)}
.service-page-home .service-hero-quote .public-button,
.service-page-help .service-hero-quote .public-button{background:#0d3022;border-color:#0d3022}
.service-page-moving .service-hero-quote .public-button{background:#223444;border-color:#223444}

.featured-service-intro,
.featured-service-content,
.featured-service-faq{isolation:isolate}
.featured-service-intro::after,
.featured-service-content::before,
.featured-service-faq::before{
  width:360px;
  height:360px;
  border-color:rgba(13,48,34,.09);
  box-shadow:0 0 0 48px rgba(13,48,34,.026),0 0 0 96px rgba(34,52,68,.018)
}
.featured-service-intro::after{content:"";position:absolute;right:-125px;bottom:-115px;border:1px solid rgba(13,48,34,.09);border-radius:50%;box-shadow:0 0 0 48px rgba(13,48,34,.026),0 0 0 96px rgba(34,52,68,.018);pointer-events:none;z-index:-1}
.featured-service-content::before{left:-150px;right:auto;top:35%}
.featured-service-faq::before{left:auto;right:-145px;bottom:-105px}
.service-section-symbol{position:absolute;z-index:0;width:190px;height:190px;fill:none;stroke:#0d3022;stroke-width:1.5;opacity:.09;pointer-events:none}
.service-page-moving .service-section-symbol{stroke:#223444}
.service-section-symbol.symbol-right{right:4%;top:8%}
.service-section-symbol.symbol-left{left:2%;top:17%}
.featured-service-intro>.featured-service-copy,
.featured-service-intro>.featured-service-visual,
.featured-service-content>*:not(.service-section-symbol),
.featured-service-faq>*:not(.service-section-symbol){position:relative;z-index:1}
.service-page-home .featured-reason-list>article:first-child,
.service-page-help .featured-reason-list>article:first-child{border-color:#0d3022;background:#0d3022}
.service-page-moving .featured-reason-list>article:first-child{border-color:#223444;background:#223444}

/* One dark-color system for every /diensten/{dienst} page. */
.service-page-standard .service-detail-hero{
  color:#fff;
  background:#0d3022;
}
.service-page-standard.is-special-service .service-detail-hero{background:#223444}
.service-page-standard .service-detail-hero h1{color:#fff}
.service-page-standard .service-detail-hero>div>p{color:#c8d8cf}
.service-page-standard.is-special-service .service-detail-hero>div>p{color:#d1dde6}
.service-page-standard .service-breadcrumbs{color:#aabeb3}
.service-page-standard .service-breadcrumbs a{color:#c2d6ca}
.service-page-standard .service-detail-hero .public-eyebrow{color:#8ed4aa}
.service-page-standard.is-special-service .service-detail-hero .public-eyebrow{color:#bdd4e5}
.service-page-standard .service-detail-trust{color:#d2e1d8}
.service-page-standard .service-detail-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 43%,rgba(255,255,255,.035) 43.1%,transparent 43.35%)
}
.service-page-standard .service-hero-tools g{stroke:#0d3022}
.service-page-standard.is-special-service .service-hero-tools g{stroke:#223444}
.service-page-standard .service-detail-card>span,
.service-page-standard .service-detail-card>a{color:#0d3022}
.service-page-standard.is-special-service .service-detail-card>span,
.service-page-standard.is-special-service .service-detail-card>a{color:#223444}
.service-page-standard .service-process span{background:#0d3022}
.service-page-standard.is-special-service .service-process span{background:#223444}
.service-page-standard .service-cta{background:#0d3022}
.service-page-standard.is-special-service .service-cta{background:#223444}

/* Remove the former grey-green and muted-blue accents from enriched pages. */
.service-page-home .featured-service-visual>span,
.service-page-help .featured-service-visual>span,
.service-page-home .featured-service-steps,
.service-page-help .featured-service-steps{background:#0d3022}
.service-page-moving .featured-service-visual>span,
.service-page-moving .featured-service-steps{background:#223444}
.service-page-home .reason-badge,
.service-page-help .reason-badge{fill:#0d3022}
.service-page-home .featured-reason-art>span,
.service-page-help .featured-reason-art>span{background:#0d3022}
.service-page-moving .reason-badge{fill:#223444}
.service-page-moving .featured-reason-art>span{background:#223444}
.service-page-home .featured-faq-list>button:hover,
.service-page-home .featured-faq-list>button[aria-selected=true],
.service-page-help .featured-faq-list>button:hover,
.service-page-help .featured-faq-list>button[aria-selected=true]{border-color:#0d3022;background:#0d3022}
.service-page-moving .featured-faq-list>button:hover,
.service-page-moving .featured-faq-list>button[aria-selected=true]{border-color:#223444;background:#223444}
.service-page-home .service-quote-progress i,
.service-page-home .service-step-highlight>span,
.service-page-help .service-quote-progress i,
.service-page-help .service-step-highlight>span,
.service-page-help .service-locked-choice>span{background:#0d3022}
.service-page-moving .service-quote-progress i,
.service-page-moving .service-step-highlight>span,
.service-page-moving .service-locked-choice>span{background:#223444}

/* Full-width process composition inspired by the approved reference. */
.featured-service-content{
  grid-template-columns:1fr;
  gap:28px;
}
.featured-reasons-heading{
  order:1;
  grid-column:1;
}
.featured-reason-side{
  order:2;
  grid-column:1;
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:minmax(320px,.62fr) minmax(540px,1.38fr);
  gap:18px;
  align-items:stretch;
}
.featured-reason-list{
  order:3;
  grid-column:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
.featured-reason-list>article{
  grid-template-columns:44px 1fr;
  height:100%;
  margin:0;
}
.featured-reason-list>article:hover{transform:translateY(-4px)}
.featured-reason-art{min-height:100%;height:auto}
.featured-reason-side .featured-service-steps{
  min-height:100%;
  padding:0 30px;
  background:#0d3022;
}
.service-page-moving .featured-reason-side .featured-service-steps{background:#223444}
.featured-reason-side .featured-service-steps>span{
  margin:0;
  padding:28px 0 20px;
  color:#fff;
  font-size:10px;
  font-weight:500;
  letter-spacing:.13em;
}
.featured-reason-side .featured-service-steps>div{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:20px;
  align-items:center;
  min-height:112px;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.22);
}
.featured-reason-side .featured-service-steps>div>b{
  color:#fff;
  font-size:30px;
  font-weight:560;
  line-height:1;
  letter-spacing:-.04em;
}
.featured-reason-side .featured-service-steps>div>div{
  display:grid;
  grid-template-columns:minmax(145px,.48fr) minmax(0,1fr);
  gap:25px;
  align-items:center;
}
.featured-reason-side .featured-service-steps strong{
  color:#fff;
  font-size:17px;
  font-weight:520;
  line-height:1.15;
}
.featured-reason-side .featured-service-steps p{
  margin:0;
  color:#c2d6ca;
  font-size:13px;
  font-weight:400;
  line-height:1.58;
}
.service-page-moving .featured-reason-side .featured-service-steps p{color:#d1dde6}

@media(max-width:1100px){
  .service-page-home .service-detail-hero,
  .service-page-help .service-detail-hero,
  .service-page-moving .service-detail-hero{padding-top:58px;padding-bottom:58px;align-items:start}
  .featured-reason-side{grid-template-columns:1fr}
  .featured-reason-art{min-height:390px}
  .featured-reason-list{grid-template-columns:1fr}
}
@media(max-width:700px){
  .service-page-home .service-detail-hero,
  .service-page-help .service-detail-hero,
  .service-page-moving .service-detail-hero{padding-top:42px;padding-bottom:42px}
  .service-section-symbol{width:125px;height:125px;opacity:.065}
  .service-section-symbol.symbol-right{right:-28px;top:4%}
  .service-section-symbol.symbol-left{left:-35px;top:8%}
  .featured-service-content::before{left:-270px}
  .featured-service-faq::before{right:-270px}
  .featured-reason-art{min-height:300px}
  .featured-reason-side .featured-service-steps{padding:0 18px}
  .featured-reason-side .featured-service-steps>div{
    grid-template-columns:45px 1fr;
    gap:13px;
    min-height:0;
    padding:20px 0;
  }
  .featured-reason-side .featured-service-steps>div>b{font-size:24px}
  .featured-reason-side .featured-service-steps>div>div{
    grid-template-columns:1fr;
    gap:7px;
  }
  .featured-reason-side .featured-service-steps strong{font-size:16px}
}