.sf{--sf-abstand:clamp(3.75rem, 2.5rem + 5vw, 6rem);color:var(--ink)}.sf-rand{padding-inline:var(--seite-rand);position:relative}.sf-schmal>*{max-width:48rem}.sf-abschnitt{padding-block:var(--sf-abstand);border-block-start:1px solid var(--flyer-trenner)}.sf-h1,.sf-h2,.sf-h3,.sf-probe-titel,.sf-probe-gross{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.01em;word-spacing:normal;hyphens:none;font-weight:800}.sf-h1 em,.sf-h2 em{color:var(--accent-text);font-style:normal}.sf-h1{max-width:14ch;margin-block:1.5rem;font-size:clamp(2rem,.4rem + 7.4vw,5.25rem);line-height:.98}.sf-h2{font-size:clamp(2rem,1.1rem + 3.9vw,3.75rem);line-height:1}.sf-h2--klein{margin-block-start:1rem;font-size:clamp(1.875rem,1.5rem + 1.6vw,2.75rem)}.sf-h3{margin-block:.875rem .625rem;font-size:1.25rem;line-height:1.2}.sf-kennzeile{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.9375rem;font-weight:500;line-height:1.4}.sf-kennzeile:before{content:"";background:var(--accent);vertical-align:.1em;border-radius:50%;width:.5rem;height:.5rem;margin-inline-end:.75rem;display:inline-block}.sf-kennzeile--leise{color:var(--ink-muted)}.sf-kennzeile--leise:before{display:none}.sf-text,.sf-text-gross,.sf-unterzeile{margin:0;line-height:1.55}.sf-text{font-size:var(--typo-text);color:var(--ink-muted)}.sf-text-gross,.sf-unterzeile{font-size:var(--typo-text-gross)}.sf-text-gross{color:var(--ink-muted);margin-block-start:1.5rem}.sf-knoepfe{flex-wrap:wrap;gap:.875rem;margin-block-start:2rem;display:flex}.sf .sf-knopf{text-align:center;border-radius:999px;min-height:3.25rem;padding:.875rem 1.625rem}.sf .sf-knopf--kontur{border:1.5px solid var(--ink);color:var(--ink);background:0 0}.sf .sf-knopf--dunkel{border-color:var(--flyer-gruen);background:var(--flyer-gruen);color:var(--ink)}@media (hover:hover) and (pointer:fine){.sf .sf-knopf--kontur:hover{border-color:var(--accent)}}.sf-kopf{padding-block:calc(var(--nav-hoehe) + clamp(2.5rem, 1rem + 6vw, 6rem)) clamp(3.75rem, 2rem + 6vw, 7rem);position:relative;overflow:hidden}.sf-kopf-bild,.sf-kopf-bild img{width:70%;height:100%;position:absolute;inset:0 0 0 auto}.sf-kopf-bild img{object-fit:cover;object-position:60% center;mask-image:linear-gradient(90deg,#0000 0,#00000059 22%,#000 55%)}.sf-kopf-text{z-index:2}.sf-unterzeile{max-width:36rem}@media (width<=47.99em){.sf-kopf-bild,.sf-kopf-bild img{width:100%}.sf-kopf-bild img{object-position:72% center;mask-image:none}.sf-kopf:before{content:"";z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--flyer-gruen-hell) 82%, transparent) 0%, color-mix(in srgb, var(--flyer-gruen-hell) 90%, transparent) 45%, var(--flyer-gruen) 100%);position:absolute;inset:0}.sf-kopf .sf-knopf{flex:100%}.sf-kopf{padding-block-start:calc(var(--nav-hoehe) + 1.75rem)}.sf-kopf .sf-h1{margin-block:1.125rem}.sf-kopf .sf-knoepfe{margin-block-start:1.5rem}}.sf-schritte{grid-template-columns:repeat(3,1fr);gap:1.375rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.sf-schritt{border:1px solid var(--flyer-linie);border-radius:var(--radius);background:var(--flyer-flaeche);padding:1.75rem}.sf-schritt-nr{font-family:var(--font-mono);color:var(--accent-text);margin:0;font-size:.9375rem}.sf-bleiben{font-size:var(--typo-text-gross);margin:2rem 0 0;font-weight:800;line-height:1.35}.sf-preis{font-size:var(--typo-text);color:var(--ink-muted);margin:.625rem 0 0}@media (width<=63.99em){.sf-schritte{grid-template-columns:1fr}}.sf-probe{border-radius:calc(var(--radius) + 2px);grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.sf-probe-kasten{background:var(--accent);color:var(--on-accent);padding:clamp(1.75rem,1rem + 3vw,3rem)}.sf-probe-kasten :focus-visible{outline-color:var(--on-accent)}.sf-probe-kasten .sf-text{color:var(--on-accent);margin-block-start:1.375rem}.sf-probe-marke{aspect-ratio:9786/3460;background:var(--on-accent);width:clamp(8.5rem,6rem + 6vw,11rem);margin-block-end:1.5rem;display:block;mask:url(/logos/cyber-werkstatt-schriftzug.svg) 50%/contain no-repeat}.sf-kennzeile--auf-lime:before{background:var(--on-accent)}.sf-probe-titel{margin:1.25rem 0 0;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);line-height:1.1}.sf-probe-gross{margin:.5rem 0 0;font-size:clamp(3.5rem,2rem + 6vw,6rem);line-height:.9}.sf-probe-zeile{margin-block-start:.5rem;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);line-height:1.1;display:block}.sf-probe-bild{min-height:26rem;display:block;position:relative}.sf-probe-bild img{object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}@media (width<=47.99em){.sf-probe-bild{display:none}}@media (width<=63.99em){.sf-probe{grid-template-columns:1fr}.sf-probe-bild{aspect-ratio:4/3;min-height:0}}.sf-person{grid-template-columns:18.75rem 1fr;align-items:center;gap:3rem;display:grid}.sf-person-bild,.sf-person-bild img{width:100%;display:block}.sf-person-bild img{border-radius:var(--radius);object-fit:cover;object-position:center 22%;height:22.5rem}.sf-liste{margin:1.125rem 0 0;padding:0;list-style:none}.sf-liste li{padding-block:.375rem;padding-inline-start:1.5rem;position:relative}.sf-liste li:before{content:"";inset-inline-start:0;background:var(--accent);width:.875rem;height:2px;position:absolute;top:calc(.375rem + .78em)}.sf-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:2px}.sf-kennzeile--leise.sf-kennzeile{margin-block-start:2.25rem}.sf-marken{flex-wrap:wrap;align-items:center;gap:1.5rem 2.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.sf-marke{--logo-h:26px;--logo-f:1;height:calc(var(--logo-h) * var(--logo-f));background:var(--ink);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.sf-marke>span{height:100%;display:block}.sf-marke--adidas{--logo-f:.93;aspect-ratio:1000/232;mask-image:url(/logos/kunden/adidas.svg)}.sf-marke--deutsche-telekom{--logo-f:1.14;aspect-ratio:289/142;mask-image:url(/logos/kunden/deutsche-telekom.svg)}.sf-marke--congstar{--logo-f:1.43;aspect-ratio:285/93;mask-image:url(/logos/kunden/congstar.svg)}.sf-marke--saf-holland{--logo-f:.86;aspect-ratio:2407/393;mask-image:url(/logos/kunden/saf-holland.svg)}@media (width<=47.99em){.sf-person{grid-template-columns:1fr;gap:2rem}.sf-person-bild img{height:20rem}.sf-marke{--logo-h:22px}}.sf-messe{margin-block-start:2rem}.sf-messe a{color:inherit}