.leistungsseite .kopfbereich{isolation:isolate;padding:calc(var(--kopf) + 56px) 0 72px;position:relative;overflow:hidden}.leistungsseite .hintergrund{z-index:-1;filter:blur(36px)saturate(1.05);opacity:.32;background-position:50%;background-size:cover;position:absolute;inset:-40px}.leistungsseite .kopfbereich:after{content:"";z-index:-1;background:linear-gradient(180deg, #fbfbf98c, var(--grund));position:absolute;inset:0}.leistungsseite .raster{align-items:center;gap:28px;display:grid}@media (width>=960px){.leistungsseite .raster{grid-template-columns:minmax(0,1fr) 460px;gap:64px}}.leistungsseite .kopfbereich h1{font-size:clamp(32px,4.3vw,52px)}.leistungsseite .kopfbereich h1.trennen{font-size:clamp(30px,3.5vw,48px)}.leistungsseite .zurueck{min-height:48px;color:var(--tinte-weich);align-items:center;gap:10px;margin-bottom:6px;font-size:15.5px;font-weight:600;text-decoration:none;display:inline-flex}.leistungsseite .zurueck:before{content:"";background:currentColor;width:18px;height:1.5px}.leistungsseite .zurueck:hover{color:var(--tinte)}.leistungsseite .kopfbereich .vorspann{max-width:38rem;margin-top:18px}.leistungsseite .kopfbereich .knoepfe{margin-top:26px}@property --bau{syntax:"<number>";inherits:true;initial-value:1}.leistungsseite .beispielkarte{--bau:1;margin:0;animation:2.2s cubic-bezier(.3,.6,.2,1) .25s both aufbauen}@keyframes aufbauen{0%{--bau:0}to{--bau:1}}:root:not([data-js]) .leistungsseite .beispielkarte,:root[data-bewegung=aus] .leistungsseite .beispielkarte{animation:none}@media (prefers-reduced-motion:reduce){.leistungsseite .beispielkarte{animation:none}}.leistungsseite .beispiel-paar{gap:14px;display:grid}.vt-seo-geo{view-transition-name:karte-seo-geo}.vt-webdesign{view-transition-name:karte-webdesign}.vt-automation{view-transition-name:karte-automation}.vt-softwareentwicklung{view-transition-name:karte-softwareentwicklung}::view-transition-group(karte-seo-geo),::view-transition-group(karte-webdesign),::view-transition-group(karte-automation),::view-transition-group(karte-softwareentwicklung){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,.7,.18,1)}@media (width<=959px){.leistungsseite .kopfbereich{padding:calc(var(--kopf) + 16px) 0 56px}.leistungsseite .beispielkarte{max-width:460px}.leistungsseite .raster{gap:18px}.leistungsseite h1{font-size:clamp(30px,8.4vw,44px)}.leistungsseite .kopfbereich h1.trennen{font-size:clamp(27px,7.6vw,40px)}.leistungsseite .kopfbereich .vorspann{margin-top:12px;font-size:17px}}.leistungsseite .nebeneinander{align-items:start;gap:56px;display:grid}@media (width>=960px){.leistungsseite .nebeneinander{grid-template-columns:1.1fr 1fr;gap:80px}}.leistungsseite #dazu h2,.leistungsseite #fragen h2,.leistungsseite #arbeit h2,.leistungsseite #verwandt h2,.leistungsseite #beitraege h2{margin-bottom:26px}.leistungsseite #beitraege .alle-beitraege{margin-top:22px}.leistungsseite .preis-text{margin-top:18px}.leistungsseite .preise{border-collapse:collapse;width:100%;margin-top:22px;font-size:16.5px}.leistungsseite .preise th,.leistungsseite .preise td{text-align:left;border-bottom:1px solid var(--linie);padding:12px 0}.leistungsseite .preise th:last-child,.leistungsseite .preise td:last-child{width:32%;padding-left:28px}.leistungsseite .preise td:last-child{font-weight:600}@media (width<=640px){.leistungsseite .preise thead{display:none}.leistungsseite .preise tr{border-bottom:1px solid var(--linie);padding:14px 0;display:block}.leistungsseite .preise td,.leistungsseite .preise td:last-child{border:0;width:auto;padding:0;display:block}.leistungsseite .preise td:last-child{padding-top:6px}}.leistungsseite .stand{margin-top:18px;font-size:15px}.leistungsseite .wer-text{margin-top:18px}.leistungsseite .gebiet{color:var(--tinte-weich);margin-top:12px}.leistungsseite #arbeit .alle-referenzen,.leistungsseite .nachweise{margin-top:24px}.leistungsseite .nachweise h3{margin-bottom:10px;font-size:18px}.leistungsseite .wer.mit-bild{max-width:var(--breite);align-items:start;gap:28px;display:grid}.leistungsseite img.wer-bild,.leistungsseite .wer-bild img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-gross);width:100%;max-width:280px}@media (width>=900px){.leistungsseite .wer.mit-bild{grid-template-columns:280px 1fr;gap:56px}}
