/* Handel: freigegebene Bild-/Text-Komposition, auf den produktiven Header abgestimmt. */
.seo-page-hero--handel{
  display:flex;
  flex-direction:column;
  gap:22px;
  min-height:min(700px,calc(100svh - 90px));
  padding:clamp(34px,3.6vw,64px) 0 22px;
  background:var(--paper);
}
.seo-page-hero--handel .seo-page-hero__art{inset:0;left:0;width:100%;transform:none;background:var(--paper)}
.seo-page-hero--handel .seo-page-hero__art picture{display:block;width:100%;height:100%}
.seo-page-hero--handel .seo-page-hero__art img{
  position:static;width:100%;height:100%;object-fit:cover;object-position:center 42%;
  opacity:1;mix-blend-mode:multiply;-webkit-mask-image:none;mask-image:none;
}
.seo-page-hero--handel .seo-page-hero__veil{
  background:linear-gradient(90deg,rgba(244,241,234,.82) 0%,rgba(244,241,234,.7) 20%,rgba(244,241,234,.34) 43%,rgba(244,241,234,.04) 72%,transparent 100%),linear-gradient(180deg,rgba(244,241,234,.06) 0%,transparent 72%,var(--paper) 100%);
}
.seo-page-hero--handel .seo-page-hero__grid{display:block;width:var(--shell)}
.seo-page-hero--handel .seo-page-hero__grid>div:first-child{max-width:990px}
.seo-page-hero--handel .breadcrumbs{margin-bottom:clamp(42px,6vh,80px)}
.seo-page-hero--handel .kicker{margin-bottom:17px;font-size:1.08rem;letter-spacing:.14em}
.seo-page-hero--handel .display{max-width:990px;font-size:clamp(4.75rem,7vw,8.6rem);font-weight:620;line-height:1.04;letter-spacing:-.079em}
.seo-page-hero--handel .seo-page-hero__copy{max-width:625px;margin-top:28px;padding:0}
.seo-page-hero--handel .seo-page-hero__copy p{margin-bottom:30px;font-size:clamp(1.3rem,1.6vw,1.8rem);line-height:1.34}
.seo-page-hero--handel .seo-page-hero__copy .button{min-width:330px;min-height:80px;padding:18px 27px;font-size:1rem}
.seo-page-hero--handel .seo-page-hero__copy .button span{font-size:1.65rem;line-height:1}
.seo-page-hero--handel .seo-page-hero__rail{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);border-bottom:0}
.seo-page-hero--handel .seo-page-hero__rail span{padding:0;font-size:.75rem}
.seo-page-hero--handel .seo-page-hero__rail span+span{padding:0;border:0}
.seo-page-hero--handel .seo-page-hero__rail span+span::before{content:"";display:inline-block;width:5px;height:5px;margin:0 26px 2px 0;border-radius:50%;background:var(--orange)}

.handel-paths{padding:clamp(60px,6.5vw,104px) 0;background:var(--paper);border-top:1px solid var(--line)}
.handel-paths__heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.6fr);align-items:end;gap:clamp(24px,5vw,90px);margin-bottom:clamp(36px,4.5vw,68px)}
.handel-paths__heading .kicker{margin-bottom:22px}
.handel-paths__heading h2{max-width:13ch;font-size:clamp(3rem,5.6vw,6rem);line-height:.98}
.handel-paths__heading>p{max-width:35ch;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.4}
.handel-paths__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.handel-paths__grid article{display:flex;flex-direction:column;min-width:0;padding:32px clamp(20px,2.2vw,38px) 28px 0}
.handel-paths__grid article+article{padding-left:clamp(20px,2.2vw,38px);border-left:1px solid var(--line)}
.handel-paths__label{margin-bottom:clamp(40px,4vw,70px);color:var(--orange);font-size:.75rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.handel-paths__grid h3{max-width:12ch;margin-bottom:20px;font-size:clamp(1.8rem,2.7vw,3.1rem);line-height:1.04}
.handel-paths__grid article>p:not(.handel-paths__label){max-width:43ch;color:var(--muted);font-size:1rem;line-height:1.5}
.handel-paths__grid article>span{display:block;margin-top:auto;padding-top:42px;color:var(--ink);font-size:.72rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.handel-paths__grid article>span::before{content:"";display:inline-block;width:7px;height:7px;margin:0 11px 1px 0;border-radius:50%;background:var(--orange)}
.seo-page-hero--handel ~ .seo-method .seo-method__statement{max-width:520px;margin-top:clamp(34px,4vw,64px);padding-left:25px;border-left:3px solid var(--orange);color:#dedbd5;font-size:clamp(1.2rem,1.65vw,1.65rem);line-height:1.4}

@media(min-width:761px) and (max-width:1100px){
  .seo-page-hero--handel{min-height:850px}
  .seo-page-hero--handel .seo-page-hero__art{inset:auto 0 0;height:450px}
  .seo-page-hero--handel .seo-page-hero__art img{object-position:center 47%}
  .seo-page-hero--handel .seo-page-hero__veil{background:linear-gradient(180deg,var(--paper) 0%,rgba(244,241,234,.3) 18%,transparent 48%,var(--paper) 100%),linear-gradient(90deg,rgba(244,241,234,.45),transparent 65%)}
  .seo-page-hero--handel .display{font-size:clamp(4rem,7.6vw,6.75rem)}
  .seo-page-hero--handel .seo-page-hero__copy{max-width:540px}
}
@media(min-width:801px) and (max-width:950px){
  .page-seo-handel .header-inner{gap:12px}
  .page-seo-handel .site-nav a{padding:10px 6px;font-size:.67rem;white-space:nowrap}
  .page-seo-handel .site-nav a:last-child{margin-left:4px}
}
@media(max-width:760px){
  .seo-page-hero--handel{min-height:760px;padding:22px 0 18px}
  .seo-page-hero--handel .seo-page-hero__art{inset:auto 0 0;height:400px;background:none}
  .seo-page-hero--handel .seo-page-hero__art img{object-position:50% 45%;opacity:.96}
  .seo-page-hero--handel .seo-page-hero__veil{background:linear-gradient(180deg,var(--paper) 0%,rgba(244,241,234,.55) 10%,rgba(244,241,234,.08) 24%,transparent 48%,rgba(244,241,234,.02) 80%,var(--paper) 100%)}
  .seo-page-hero--handel .breadcrumbs{margin-bottom:37px}
  .seo-page-hero--handel .kicker{margin-bottom:14px;font-size:.75rem;letter-spacing:.12em}
  .seo-page-hero--handel .display{max-width:100%;font-size:clamp(3.35rem,12vw,4.9rem);line-height:1.03}
  .seo-page-hero--handel .seo-page-hero__copy{max-width:410px;margin-top:20px}
  .seo-page-hero--handel .seo-page-hero__copy p{margin-bottom:22px;font-size:1.1rem;line-height:1.38}
  .seo-page-hero--handel .seo-page-hero__copy .button{min-width:0;min-height:62px;padding:14px 17px;gap:20px;font-size:.75rem}
  .seo-page-hero--handel .seo-page-hero__rail{gap:8px;margin-top:auto;padding-top:16px;font-size:.6rem;line-height:1.5}
  .seo-page-hero--handel .seo-page-hero__rail span{font-size:.6rem}
  .seo-page-hero--handel .seo-page-hero__rail span+span::before{width:3px;height:3px;margin:0 8px 2px 0}
  .handel-paths__heading{grid-template-columns:1fr;gap:18px}
  .handel-paths__heading h2{font-size:clamp(2.75rem,10vw,4.4rem)}
  .handel-paths__grid{grid-template-columns:1fr}
  .handel-paths__grid article,.handel-paths__grid article+article{padding:24px 0 27px;border-left:0;border-top:1px solid var(--line)}
  .handel-paths__grid article:first-child{border-top:0}
  .handel-paths__label{margin-bottom:26px}
  .handel-paths__grid article>span{padding-top:26px}
  .seo-page-hero--handel ~ .seo-method .seo-method__statement{margin-top:28px;font-size:1.15rem}
}
@media(max-width:390px){
  .seo-page-hero--handel{min-height:735px}
  .seo-page-hero--handel .seo-page-hero__art{height:370px}
  .seo-page-hero--handel .seo-page-hero__copy p{font-size:1rem}
}
@media(max-width:340px){
  .seo-page-hero--handel .kicker{font-size:.625rem;letter-spacing:.08em}
  .seo-page-hero--handel .display{font-size:2.62rem}
  .seo-page-hero--handel .seo-page-hero__copy p{font-size:.94rem}
  .seo-page-hero--handel .seo-page-hero__copy .button{font-size:.68rem}
  .seo-page-hero--handel + .seo-argument h2{font-size:2.62rem}
  .seo-page-hero--handel ~ .seo-deliverables .seo-deliverables__list article{grid-template-columns:minmax(0,1fr);gap:12px}
  .seo-page-hero--handel ~ .seo-deliverables .seo-deliverables__list p{grid-column:1}
}
@media(prefers-reduced-motion:reduce){.seo-page-hero--handel .button{transition:none}}