.services-overview{color:#fff;background:#000;padding-block:clamp(4.5rem,7vw,7rem) clamp(3rem,5vw,5rem);scroll-margin-top:6rem;position:relative}.services-overview__container{width:100%;max-width:1500px;margin-inline:auto;padding-inline:15px}.services-overview__header{gap:1.75rem;padding-bottom:clamp(3.5rem,6vw,6rem);display:grid}.services-overview__header h2{max-width:16ch}.services-overview__intro,.service-overview__description{color:#ffffffc7;max-width:34rem}.service-overview{gap:2.5rem;padding-block:clamp(2.5rem,4.8vw,4.5rem);display:grid;position:relative}.service-overview__divider{transform-origin:0;background:#ffffff29;height:1px;position:absolute;inset:0 0 auto}.service-overview__copy,.service-overview__intro,.service-project{min-width:0}.service-overview__heading{align-items:center;gap:1.1rem;margin-bottom:1.5rem;display:flex}.service-overview__icon{color:var(--accent);flex:none;align-items:center;display:inline-flex}.service-overview__features{gap:1.25rem;margin-block:2rem;padding:0;list-style:none;display:grid}.service-overview__features li{grid-template-columns:1.375rem minmax(0,1fr);align-content:start;gap:.875rem;display:grid}.service-overview__feature-icon{color:var(--accent);align-self:start;margin-top:.05rem;display:inline-flex}.service-overview__feature-title{margin-bottom:.25rem}.service-overview__feature-description{color:#ffffffc7}.service-overview__action-row{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.service-overview-link{border:1px solid var(--accent);background:var(--accent);max-width:100%;min-height:48px;color:var(--accent-button-fg);touch-action:manipulation;border-radius:5px;justify-content:space-between;align-items:center;gap:1.25rem;padding:.85rem 1.25rem;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-flex}.service-overview-link>svg{flex-shrink:0}.service-overview__price,.service-overview__note{color:#ffffffc7}.service-overview__price{white-space:nowrap}.service-overview__note{max-width:34rem;margin-top:1.25rem}.service-project{align-self:center;margin:0}.service-project__image{width:100%;height:auto;display:block}.service-project__relief{aspect-ratio:var(--project-ratio);isolation:isolate;position:relative;overflow:clip}.service-project__facet{transform-origin:50%;border-radius:5px;position:absolute;overflow:hidden}.service-project__facet .service-project__image{max-width:none;height:auto;position:absolute}.service-project__facet--leading,.service-project__facet--trailing{z-index:1}.service-project__facet--leading{width:6%;height:84%;top:8%;left:0}.service-project__facet--leading .service-project__image{width:1666.67%;top:-9.52381%;left:0}.service-project__facet--main{z-index:2;width:72%;height:100%;top:0;left:7%}.service-project__facet--main .service-project__image{width:138.889%;top:0;left:-9.72222%}.service-project__facet--trailing{width:20%;height:76%;top:14%;left:80%}.service-project__facet--trailing .service-project__image{width:500%;top:-18.4211%;left:-400%}.search-proofs{--proof-ease:cubic-bezier(.16, 1, .3, 1);min-width:0}.search-proofs__grid{gap:12px;display:grid}.search-proof{background:#000;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.search-proof__shot{--cx:var(--cx-compact);--cy:var(--cy-compact);--cw:var(--cw-compact);--ch:var(--ch-compact);--fade:var(--fade-compact);aspect-ratio:var(--cw) / var(--ch);background:#000;flex:auto;position:relative;overflow:hidden}.search-proof__reveal{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--fade)), transparent);position:absolute;inset:0;container-type:size}.search-proof__plate{--s:max(100cqw / var(--cw), 100cqh / var(--ch));top:calc(var(--cy) * var(--s) * -1);left:calc(var(--cx) * var(--s) * -1);width:calc(var(--iw) * var(--s));height:calc(var(--ih) * var(--s));position:absolute}.search-proof__image{-webkit-user-select:none;user-select:none}.search-proof__focus{fill:#000;fill-opacity:.5;width:100%;height:100%;position:absolute;inset:0}.search-proof__cover{opacity:0}.search-proof__mark{top:calc(var(--y) + 6px);left:calc(var(--x) - 7px);width:3px;height:calc(var(--h) - 12px);background:var(--accent);transform-origin:top;border-radius:2px;position:absolute}.search-proof__result{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px;display:flex}.search-proof__client{align-items:center;gap:8px;min-height:32px;display:inline-flex}.search-proof__logo{-webkit-user-select:none;user-select:none;flex-shrink:0;display:block}.search-proof__client--link{color:#ffffffa6;touch-action:manipulation;border-radius:5px;margin-block:-6px;padding-block:6px;text-decoration:none;transition:color .18s,transform .18s}.search-proof__client--link svg{transition:transform .25s var(--ease-out);flex-shrink:0}.search-proof__client--link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.search-proof__client--link:active{color:var(--accent);transition-duration:80ms;transform:scale(.97)}.search-proof__badges{flex-wrap:wrap;gap:6px;display:flex}.search-proof__badge{white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;gap:6px;min-height:24px;padding:3px 8px;display:inline-flex}.search-proof__badge svg{flex-shrink:0}.search-proof__badge--rank{border-color:var(--accent);background:var(--accent);color:var(--accent-button-fg)}.search-proof__badge--ai{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:#fff}.search-proof__badge--ai svg{color:var(--accent)}.search-proofs[data-phase=armed] .search-proof{opacity:0;transform:translateY(24px)}.search-proofs[data-phase=armed] .search-proof__reveal{clip-path:inset(0 0 100%)}.search-proofs[data-phase=armed] .search-proof__focus{opacity:0}.search-proofs[data-phase=armed] .search-proof__cover{opacity:1}.search-proofs[data-phase=armed] .search-proof__mark{transform:scaleY(0)}.search-proofs[data-phase=armed] .search-proof__badge{color:#ffffffa6;background:0 0;border-color:#ffffff2e}.search-proofs[data-phase=armed] .search-proof__badge svg{color:#ffffffa6}.search-proofs[data-phase=playing] .search-proof{transition:opacity .9s var(--proof-ease) var(--delay-panel), transform .9s var(--proof-ease) var(--delay-panel)}.search-proofs[data-phase=playing] .search-proof__reveal{transition:clip-path .9s var(--proof-ease) var(--delay-shot)}.search-proofs[data-phase=playing] .search-proof__focus{transition:opacity .6s var(--ease-out) var(--delay-focus)}.search-proofs[data-phase=playing] .search-proof__cover{transition:opacity .5s var(--ease-out) var(--delay)}.search-proofs[data-phase=playing] .search-proof__mark{transition:transform .7s var(--proof-ease) var(--delay)}.search-proofs[data-phase=playing] .search-proof__badge{transition:background-color .35s var(--ease-out) var(--delay), border-color .35s var(--ease-out) var(--delay), color .35s var(--ease-out) var(--delay)}.search-proofs[data-phase=playing] .search-proof__badge svg{transition:color .35s var(--ease-out) var(--delay)}.services-overview__footer{border-top:1px solid #ffffff29;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;padding-block:2rem 0;display:flex}.services-overview__footer>p{color:#ffffffc7;max-width:38rem}.services-overview__price-link{color:#fff;touch-action:manipulation;align-items:center;gap:.75rem;min-height:44px;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex;position:relative}.services-overview__price-link svg{transition:transform .25s var(--ease-out);flex-shrink:0}.services-overview__price-link:before,.services-overview__price-link:after{content:"";height:1px;transition:transform .3s var(--ease-out);background:currentColor;position:absolute;bottom:5px;left:0;right:0}.services-overview__price-link:before{transform-origin:100%}.services-overview__price-link:after{transform-origin:0;transform:scaleX(0)}.service-overview-link:focus-visible,.services-overview__price-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.service-overview-link:focus-visible{outline-color:#fff}.service-overview-link:active{background:color-mix(in srgb, var(--accent) 88%, black);border-color:color-mix(in srgb, var(--accent) 88%, black);transition-duration:80ms}.services-overview__price-link:active{color:var(--accent);border-color:var(--accent);transition-duration:80ms;transform:scale(.97)}@media (min-width:600px){.service-overview__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.search-proofs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-proof--lead{grid-column:1/-1}.search-proof--lead .search-proof__shot{--cx:var(--cx-wide);--cy:var(--cy-wide);--cw:var(--cw-wide);--ch:var(--ch-wide);--fade:var(--fade-wide)}}@media (600px<=width<1000px){.search-proof:not(.search-proof--lead) .search-proof__result{flex-direction:column;align-items:flex-start}}@media (min-width:900px){.services-overview__header{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:clamp(3rem,6vw,6rem)}.services-overview__intro{max-width:27rem;padding-bottom:.25rem}.service-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:clamp(2.5rem,6vw,6rem);padding-block:clamp(4rem,6vw,6rem)}.service-overview__features{grid-template-columns:minmax(0,1fr);gap:1.1rem}.service-overview--onlineshop{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.service-overview--onlineshop .service-overview__copy{grid-area:1/2}.service-overview--onlineshop .service-project{grid-area:1/1}.service-overview--seo{grid-template-columns:minmax(0,1fr);row-gap:3rem}.service-overview--seo .service-overview__copy{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:2rem clamp(2.5rem,6vw,6rem);display:grid}.service-overview--seo .service-overview__features{grid-area:1/2/span 2;margin-block:0}.service-overview--seo .service-overview__action{grid-area:2/1}}@media (min-width:1000px){.search-proofs__grid{grid-template-columns:minmax(0,12fr) minmax(0,7fr)}.search-proof--lead{grid-area:1/1/span 2}.search-proof__shot{--cx:var(--cx-wide);--cy:var(--cy-wide);--cw:var(--cw-wide);--ch:var(--ch-wide);--fade:var(--fade-wide)}}@media (min-width:1024px){.services-overview__container{padding-inline:30px}}@media (min-width:1250px){.service-overview__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.25rem}}@media (min-width:1280px){.search-proofs__grid{grid-template-columns:minmax(0,5fr) minmax(0,3fr)}}@media (hover:hover) and (pointer:fine){.search-proof__client--link:hover{color:var(--accent)}.search-proof__client--link:hover svg{transform:translate(2px,-2px)}.services-overview__price-link:hover{color:var(--accent)}.services-overview__price-link:hover svg{transform:translate(2px,-2px)}.services-overview__price-link:hover:before{transform:scaleX(0)}.services-overview__price-link:hover:after{transition-delay:.12s;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.service-overview__divider,.service-overview__feature-icon,.service-project__facet,.search-proof,.search-proof__reveal,.search-proof__focus,.search-proof__cover,.search-proof__mark,.search-proof__badge,.search-proof__client--link,.search-proof__client--link svg,.service-overview-link,.service-overview-link span,.services-overview__price-link,.services-overview__price-link svg,.services-overview__price-link:before{transition:none!important;transform:none!important}.services-overview__price-link:after{display:none}}@media (prefers-contrast:more){.services-overview p{color:#fff}.service-overview-link,.search-proof{border-color:#fff}.service-overview__divider{background:#fff}}
.portal-scroll-stage{height:100svh;position:sticky;top:0;overflow:hidden}.portal-intro-huelle{pointer-events:none;justify-content:center;align-items:center;padding-inline:1.5rem;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.portal-strecke{height:320vh}}@media (prefers-reduced-motion:reduce){.portal-scroll-stage{height:auto;position:relative;overflow:visible}.portal-raster{display:none}.portal-intro-huelle{pointer-events:auto;max-width:1500px;margin-inline:auto;padding:6rem 15px 0;display:block;position:static}.portal-intro,.portal-intro [data-portal-heading],.portal-intro__text{text-align:left;align-items:flex-start}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.portal-intro-huelle{padding-inline:30px}}.portal-flieger{display:none;position:fixed}.portal-bereiche{--portal-ease:cubic-bezier(.16, 1, .3, 1);position:relative}.portal-bereiche__raster{display:grid}.portal-miniatur{position:relative;overflow:hidden}.portal-miniatur__innen{width:calc(var(--ref-b,760) * 1px);height:calc(100% / var(--mass,1));transform:scale(var(--mass,1));transform-origin:0 0;position:absolute;top:0;left:0}.portal-facetten polygon{opacity:0}.portal-facetten[data-an=true] polygon{animation:portal-facette 1.1s cubic-bezier(.23, 1, .32, 1) var(--fi-delay,0s) both}@keyframes portal-facette{0%{opacity:0}to{opacity:var(--fo,1)}}.portal-umgebung{opacity:.5;pointer-events:none;width:84%;height:98%;position:absolute;bottom:0;right:0;-webkit-mask-image:radial-gradient(122% 122% at 100% 100%,#000 0%,#000000e6 42%,#00000073 65%,#0000 88%);mask-image:radial-gradient(122% 122% at 100% 100%,#000 0%,#000000e6 42%,#00000073 65%,#0000 88%)}.portal-umgebung svg{transform:scaleY(-1)}.portal-umgebung .portal-facetten polygon,.portal-facetten[data-ruhig] polygon{opacity:var(--fo,1);animation:none}.portal-rechnung{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.5rem;display:grid}.portal-rechnung__nummer{grid-area:1/1}.portal-rechnung__datum{grid-area:2/1}.portal-rechnung__status{grid-area:1/2/span 2;justify-self:end}@container (min-width:576px){.portal-rechnung{grid-template-columns:38% minmax(0,1fr) auto}.portal-rechnung__datum{grid-area:1/2}.portal-rechnung__status{grid-area:1/3}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.portal-bereiche{height:calc(100svh + var(--anzahl) * var(--station));margin-top:-50vh}.portal-bereiche__buehne{pointer-events:none;height:100svh;position:sticky;top:0;overflow:hidden}.portal-bereiche__raster{height:100%;position:relative}.portal-text[data-zustand=aktiv],.portal-bereiche__aktion,.portal-fenster{pointer-events:auto}.portal-text>*{opacity:0;filter:blur(3px);transition:opacity .26s var(--portal-ease), translate .26s var(--portal-ease), filter .26s var(--portal-ease);translate:0 .45em}.portal-text[data-zustand=davor]>*{translate:0 -.45em}.portal-text[data-zustand=aktiv]>*{opacity:1;filter:none;transition-duration:.5s;transition-delay:.12s;translate:0}.portal-text[data-zustand=aktiv]>*+*{transition-delay:.19s}.portal-fenster{--leiste:clamp(176px, 13vw, 212px);grid-template-columns:var(--leiste) minmax(0, 1fr);aspect-ratio:16/10;isolation:isolate;border:1px solid #0d0d0d1f;border-radius:12px;min-height:0;transition:opacity .9s cubic-bezier(.37,0,.63,1),filter .9s cubic-bezier(.37,0,.63,1);display:grid;position:relative;overflow:hidden}.portal-fenster[data-flug=wartet]{opacity:0;filter:blur(12px);transition:opacity 0s linear .2s,filter 0s linear .2s}.portal-leiste{border-right:1px solid #ffffff1a;flex-direction:column;min-height:0;padding:clamp(14px,2.4vh,22px) 10px 10px;display:flex}.portal-leiste__kopf{padding:0 12px clamp(10px,2.2vh,20px)}.portal-leiste__logo{opacity:.95;filter:brightness(0)invert();width:auto;max-width:100%;height:22px;display:block}.portal-leiste__liste{flex-direction:column;flex:auto;gap:2px;min-height:0;margin:0;padding:0;list-style:none;display:flex}.portal-leiste__eintrag{color:#ffffffc7;height:clamp(36px,5.2vh,44px);transition:color .2s var(--ease-out) .1s, background-color .2s var(--ease-out), transform .12s var(--ease-out);border-radius:7px;align-items:center;gap:12px;padding:0 12px;display:flex;position:relative}.portal-leiste__eintrag[data-aktiv=true]{color:#fff}.portal-leiste__eintrag:active{transform:scale(.97)}.portal-leiste__eintrag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.portal-leiste__fuss{padding-top:8px}.portal-haupt{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.portal-kopfleiste{border-bottom:1px solid #ffffff1a;justify-content:flex-end;align-items:center;gap:12px;height:44px;padding:0 16px;display:flex}.portal-flaeche{min-height:0;position:relative;overflow:hidden}.portal-ansicht{--ref-b:760;visibility:hidden;opacity:0;transition:opacity .2s var(--ease-out), visibility 0s linear .2s;position:absolute;inset:0}.portal-ansicht[data-aktiv=true]{visibility:visible;opacity:1;transition:opacity .4s var(--portal-ease) 60ms}.portal-ansicht__miniatur{position:absolute;inset:0}.portal-flieger{z-index:30;aspect-ratio:1920/1098;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;will-change:transform;background:#000;border:1px solid #0d0d0d1f;border-radius:12px;width:min(54vw,816px);display:block;position:fixed;top:0;left:0;overflow:hidden}.portal-flieger[data-flug=unterwegs]{visibility:visible;opacity:1}.portal-flieger[data-flug=zurueck]{visibility:visible;opacity:1;transition:opacity .2s var(--ease-out)}.portal-flieger[data-flug=gelandet]{visibility:hidden;opacity:0;filter:blur(12px);transition:opacity .9s cubic-bezier(.37,0,.63,1),filter .9s cubic-bezier(.37,0,.63,1),visibility 0s linear .9s}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.portal-leiste__eintrag:not([data-aktiv=true]):hover{color:#fff;background-color:#ffffff0f}}@media (min-width:1280px) and (prefers-reduced-motion:no-preference){.portal-bereiche__raster{grid-template-columns:clamp(20rem,27vw,27rem) minmax(0,1fr);align-content:center;column-gap:clamp(2.5rem,4vw,4.5rem);padding-block:6.5rem 2.5rem}.portal-bereiche__spalte{flex-direction:column;justify-content:center;min-height:0;display:flex}.portal-bereiche__texte{height:var(--text-hoehe,auto);transition:height .5s var(--portal-ease);position:relative}.portal-text{inset-inline:0;position:absolute;top:0}.portal-bereiche__aktion{padding-top:2rem}.portal-fenster{place-self:center end;width:min(100%,160svh - 14.4rem)}}@media (min-width:1024px) and (max-width:1279.98px) and (prefers-reduced-motion:no-preference){.portal-bereiche__raster{grid-template-rows:auto minmax(0,1fr);row-gap:1.25rem;padding-block:6rem 2rem}.portal-bereiche__spalte{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.portal-bereiche__texte{flex:auto;max-width:40rem;display:grid}.portal-text{grid-area:1/1}.portal-fenster{justify-self:center;width:auto;max-width:100%;height:100%}}@media (max-width:1023.98px),(prefers-reduced-motion:reduce){.portal-bereiche{padding-block:2rem 6rem}.portal-bereiche__raster{grid-template-columns:minmax(0,1fr)}.portal-bereiche__spalte,.portal-bereiche__texte,.portal-fenster,.portal-haupt,.portal-flaeche{display:contents}.portal-leiste,.portal-kopfleiste,.portal-umgebung{display:none}.portal-text{grid-row:var(--reihe-text)}.portal-text:not(:first-child){margin-top:4.5rem}.portal-ansicht{--ref-b:360;--ref-h:var(--ref-h-schmal);grid-row:var(--reihe-ansicht);isolation:isolate;background:#000;border:1px solid #0d0d0d1f;border-radius:12px;width:100%;max-width:720px;margin-top:1.75rem;position:relative;overflow:hidden}.portal-ansicht__miniatur{width:100%;aspect-ratio:var(--ref-b) / var(--ref-h)}.portal-bereiche__aktion{grid-row:99;margin-top:3rem}}@media (min-width:768px) and (max-width:1023.98px),(min-width:768px) and (prefers-reduced-motion:reduce){.portal-bereiche__raster{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;column-gap:clamp(2rem,5vw,6rem)}.portal-text{grid-column:1;grid-row:var(--reihe)}.portal-ansicht{grid-column:2;grid-row:var(--reihe);max-width:none;margin-top:0}.portal-text:not(:first-child),.portal-ansicht:not([data-portal-ansicht="0"]){margin-top:clamp(4.5rem,9vw,7rem)}.portal-bereiche__aktion{grid-column:1}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.portal-ansicht{--ref-b:760;--ref-h:var(--ref-h-breit)}}@media (max-width:1023.98px) and (prefers-reduced-motion:no-preference){.portal-bereiche [data-sichtbar]{transition:opacity .9s var(--portal-ease), translate 1.1s var(--portal-ease)}.portal-bereiche [data-sichtbar=false]{opacity:0;translate:0 1.75rem}}@media (prefers-reduced-motion:reduce){.portal-facetten polygon{opacity:var(--fo,1);animation:none!important}}@media (prefers-contrast:more){.portal-fenster,.portal-ansicht,.portal-flieger{border-color:#0d0d0d}.portal-text p{color:#0d0d0d}}
