@font-face{font-family:Albert Sans;src:url(/fonts/albert-sans-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--bg:#f7f9fa;--surface:#ecf0f2;--ink:#1f3038;--muted:#52636b;--accent:#0d7480;--accent-ink:#fff;--gap:10px;--radius:8px;--body:clamp(16px,1.2vw,19px);--small:14px;--lead:clamp(20px,1.8vw,26px);--head:clamp(30px,3.5vw,52px)}*{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}html{scroll-behavior:auto;scroll-padding-top:20px}body{background:var(--bg);color:var(--ink);font-family:Albert Sans,Arial,sans-serif;font-size:var(--body);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-underline-offset:6px}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;font-weight:500;line-height:1.06}h1{font-size:clamp(42px,5.3vw,80px)}h2{font-size:var(--head)}h3{font-size:var(--lead)}p{text-wrap:pretty}::selection{background:var(--accent);color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.button{background:var(--accent);color:#fff;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:32px;width:fit-content;min-height:56px;padding:16px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex}.button:hover{background:#095a64;transform:translateY(-3px)}.button span{font:24px/1 Arial}.light-button{color:var(--ink);background:#fff}.light-button:hover{color:var(--ink);background:#dce7eb}.text-link{min-height:44px;padding:8px 0;font-size:16px;font-weight:500;text-decoration:underline;transition:color .2s;display:inline-block}.text-link:hover{color:var(--accent)}.small{font-size:var(--small);line-height:1.5}.skip{background:var(--ink);color:#fff;z-index:100;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}.header{z-index:10;align-items:center;gap:36px;max-width:1800px;height:100px;margin:auto;padding:0 32px;display:flex;position:relative}.logo{letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:12px;font-size:27px;font-weight:600;text-decoration:none;display:flex}.desktop-nav{gap:36px;margin-left:auto;font-size:16px;display:flex}.desktop-nav a{padding:12px 0;text-decoration:none}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--accent)}.header-cta{background:var(--surface);border-radius:5px;padding:12px 26px;font-size:16px;text-decoration:none}.mobile-nav{display:none}.square-board{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));max-width:1800px;margin:0 auto;padding:0 12px;display:grid}.tile{border-radius:var(--radius);background:var(--surface);min-width:0;overflow:hidden}.welcome{background:#e8eef1;flex-direction:column;grid-area:1/1/auto/7;justify-content:center;align-items:start;min-height:470px;padding:clamp(28px,3.4vw,56px);display:flex}.welcome h1{margin-bottom:28px}.welcome p{max-width:530px;margin-bottom:30px}.hero-object{background:#d7e3e9;grid-area:1/7/3/13;min-height:640px;position:relative}.hero-object img{object-fit:cover;object-position:49% 50%;width:100%;height:100%;transition:transform .8s}.hero-object figcaption{background:#e8eef1;padding:18px 24px;font-size:16px;position:absolute;bottom:0;left:0;right:0}.cost-entry{background:var(--ink);min-height:160px;color:var(--bg);grid-area:2/1/auto/7;align-items:center;gap:30px;padding:28px 40px;text-decoration:none;display:flex}.cost-entry strong{letter-spacing:-.055em;white-space:nowrap;font-size:clamp(34px,4vw,60px);font-weight:500}.cost-entry span{max-width:310px;font-size:16px}.service-tile{background:var(--surface);grid-column:span 6;margin-top:0}.service-image,.web-stage{height:390px;overflow:hidden}.service-image img{object-fit:cover;object-position:50% 32%;width:100%;height:100%;transition:transform .8s}.tile-copy{padding:40px 42px 36px}.tile-copy h2{margin-bottom:24px}.tile-copy p{max-width:560px;margin-bottom:20px}.web-stage{perspective:1200px;background:#bacfd7;justify-content:center;align-items:center;padding:40px 35px 0;display:flex}.web-window>img{width:100%;height:auto}.web-window figcaption{padding:18px 20px;font-size:14px}.web-window{background:var(--bg);width:100%;max-width:570px;transition:transform .6s;overflow:hidden;transform:rotateY(-10deg)rotateX(7deg)rotate(4deg)}.window-top{justify-content:space-between;padding:16px 20px;font-size:13px;display:flex}.web-composition{min-height:290px;padding:20px;position:relative}.web-composition>p{letter-spacing:-.06em;z-index:1;width:65%;font-size:clamp(30px,3vw,44px);line-height:1.1;position:relative}.web-composition>span{margin-top:70px;font-size:14px;display:block}.web-fragment{width:55%;height:230px;position:absolute;bottom:-5px;right:-10px;overflow:hidden}.web-fragment img{object-fit:cover;width:100%;height:100%}.process-picture{background:#155265;grid-column:1/9;min-height:650px;position:relative}.process-picture>img{object-fit:cover;width:100%;height:100%;position:absolute}.process-picture h2{color:#fff;background:#174b5a;padding:32px 38px;font-size:clamp(30px,3.2vw,48px);position:absolute;top:0;left:0;right:0}.process-copy{background:#dae7eb;flex-direction:column;grid-column:9/13;justify-content:center;padding:42px 34px;display:flex}.process-copy h2{margin-bottom:28px}.process-copy p{margin-bottom:22px}.process-copy .text-link{margin-top:10px}.cost-story{background:#dae7eb;grid-column:1/7;padding:55px 46px}.cost-story h2{margin-bottom:30px}.cost-story p{max-width:540px;margin-top:22px}.cost-example{background:#e8eef1;grid-column:7/13;padding:55px 46px}.cost-example h2{margin-bottom:34px;font-size:clamp(28px,2.8vw,42px)}.cost-example #preis-beispiel{margin-bottom:30px}.cost-example label{margin-bottom:14px;font-size:16px;display:block}.money-input{background:#fff;border-radius:5px;align-items:center;gap:18px;padding:12px 18px;display:flex}.money-input>span{font-size:22px}.money-input input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;padding:5px;font-size:30px}.calculation-caption{margin:25px 0 10px;font-size:16px}#preis-ergebnis{letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(24px,2.9vw,42px);line-height:1.2;display:block}.personal{background:var(--ink);color:var(--bg);grid-column:1/6;padding:45px}.personal h2{margin-bottom:26px;font-size:clamp(28px,3vw,42px)}.personal p{margin-bottom:35px}.personal>span{font-size:14px}.contact-tile{background:var(--accent);color:#fff;flex-direction:column;grid-column:6/13;justify-content:center;align-items:start;padding:45px;display:flex}.contact-tile h2{margin-bottom:24px}.contact-tile p{max-width:600px;margin-bottom:30px}.wrap{max-width:1450px;margin:auto;padding-left:clamp(24px,4vw,60px);padding-right:clamp(24px,4vw,60px)}.section{padding-top:80px;padding-bottom:80px}.page-hero{padding-top:65px;padding-bottom:70px}.page-hero h1{max-width:1100px}.page-hero h1 em{font-style:normal}.lead,.page-hero>.lead{font-size:var(--lead);max-width:780px;margin-top:28px}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px;display:flex}.page-index{flex-wrap:wrap;gap:20px;margin-top:40px;font-size:16px;display:flex}.paper{background:var(--surface);border-radius:var(--radius);margin:0 12px}.detail-grid{grid-template-columns:1fr 1.35fr;gap:70px;display:grid}.detail-grid h2{font-size:var(--head)}.detail-item{padding:28px 0}.detail-item h3{font-size:var(--lead)}.detail-item p{margin-top:16px}.section-intro{margin-top:25px}.section-top{justify-content:space-between;align-items:start;gap:50px;margin-bottom:35px;display:flex}.related{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.related a{background:var(--surface);border-radius:5px;padding:14px 20px;text-decoration:none}.faq{max-width:900px;margin:auto}.faq h2{margin-bottom:35px}.process-item{background:var(--surface);border-radius:5px;margin-bottom:8px;padding:0 24px}.process-item summary{font-size:var(--lead);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;list-style:none;display:flex}.process-item summary::-webkit-details-marker{display:none}.process-item summary:after{content:"+";font-size:26px}.process-item[open] summary:after{content:"−"}.process-item p{max-width:760px;padding-bottom:28px}.contact-banner{background:var(--accent);color:#fff;border-radius:var(--radius);margin:0 12px;padding:65px 0}.contact-banner .wrap{justify-content:space-between;align-items:center;gap:40px;display:flex}.contact-banner h2{font-size:var(--head)}.contact-banner p{max-width:650px;margin-top:24px}.contact-banner .button{color:var(--ink);background:#fff;flex:none}.contact-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-layout>div{min-width:0}.contact-aside{margin-top:35px}.contact-aside a{overflow-wrap:anywhere;margin-bottom:15px;display:inline-block}.form-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.field{min-width:0;margin-bottom:24px}.field label{margin-bottom:10px;font-size:16px;display:block}.field input,.field textarea,.field select{background:var(--surface);width:100%;color:var(--ink);border:0;border-radius:5px;min-height:56px;padding:16px;font-size:16px;display:block}.field textarea{resize:vertical;min-height:165px}.form-note{margin-bottom:25px;font-size:14px}.honig{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.meldung{background:var(--surface);margin-bottom:25px;padding:22px;display:none}.meldung:target{display:block}.meldung b{margin-bottom:8px;display:block}.hero{padding:60px 0 25px}.hero-sub{font-size:var(--lead);max-width:740px;margin-top:28px}.serif{font-style:normal}.block{padding:20px 0 75px}.recht{max-width:840px}.recht h2{font-size:var(--lead);margin:35px 0 15px}.recht p,.recht li{margin-bottom:15px}.recht ul{padding-left:24px}.footer{grid-template-columns:1fr 1fr;gap:50px;max-width:1800px;margin:auto;padding:70px 36px 30px;display:grid}.footer-brand .logo{font-size:40px}.footer-brand p{margin-top:20px}.footer-contact{flex-direction:column;justify-content:center;align-items:start;gap:18px;display:flex}.footer-bottom{grid-column:1/-1;gap:30px;font-size:14px;display:flex}.footer-bottom span{margin-right:auto}.web-art{background:var(--ink);color:var(--bg);border-radius:5px;margin-top:35px;padding:28px}.browser-bar{justify-content:space-between;font-size:14px;display:flex}.browser-content strong{margin:30px 0 20px;font-size:42px;font-weight:500;line-height:1.1;display:block}.browser-content p{font-size:16px}.example-label{margin-top:20px;font-size:14px}@media (width<=1100px){.header{gap:24px;padding:0 24px}.desktop-nav{gap:24px}.welcome{min-height:430px;padding:32px}.welcome h1{font-size:5.4vw}.hero-object{min-height:600px}.cost-entry{flex-wrap:wrap;gap:20px;padding:25px}.service-image,.web-stage{height:330px}.tile-copy{padding:30px}.process-picture{grid-column:1/8}.process-copy{grid-column:8/13;padding:30px}.cost-story,.cost-example{padding:36px}.personal,.contact-tile{padding:32px}.contact-layout,.detail-grid{gap:45px}}@media (width<=760px){:root{--gap:8px;--head:32px;--lead:22px}.header{gap:20px;height:82px;padding:0 20px}.logo{gap:9px;font-size:23px}.logo svg{width:30px;height:30px}.desktop-nav,.header-cta{display:none}.mobile-nav{margin-left:auto;display:block}.mobile-nav>summary{align-items:center;gap:14px;padding:12px 0;font-size:16px;list-style:none;display:flex}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav summary span{font-size:24px}.mobile-nav[open] summary span{transform:rotate(45deg)}.mobile-nav nav{background:var(--ink);color:var(--bg);border-radius:8px;flex-direction:column;gap:5px;padding:20px 24px;display:flex;position:absolute;top:82px;left:12px;right:12px}.mobile-nav nav a{padding:12px 0;font-size:22px;text-decoration:none}.square-board{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px}.welcome{grid-area:auto/1/auto/-1;min-height:0;padding:32px 24px}.welcome h1{margin-bottom:24px;font-size:clamp(34px,9.4vw,56px)}.welcome p{margin-bottom:24px}.hero-object{grid-area:auto/1/auto/-1;height:370px;min-height:0}.hero-object figcaption{padding:12px 18px;font-size:14px}.cost-entry{flex-wrap:nowrap;grid-area:auto/1/auto/-1;gap:18px;min-height:0;padding:26px 24px}.cost-entry strong{font-size:36px}.cost-entry span{font-size:14px}.service-tile{grid-column:1/-1}.service-image,.web-stage{height:300px}.tile-copy{padding:30px 24px}.tile-copy h2{margin-bottom:22px}.web-stage{padding:28px 20px 0}.web-window{min-height:0}.web-composition{min-height:230px}.web-composition>p{font-size:30px}.web-fragment{height:190px}.web-composition>span{margin-top:55px}.process-picture{grid-column:1/-1;min-height:430px}.process-picture h2{padding:24px;font-size:28px}.process-copy{grid-column:1/-1;padding:32px 24px}.process-copy h2{margin-bottom:24px}.cost-story,.cost-example,.personal,.contact-tile{grid-column:1/-1;padding:32px 24px}.cost-example h2{font-size:28px}.money-input input{font-size:26px}#preis-ergebnis{font-size:30px}.personal h2{font-size:32px}.section{padding-top:55px;padding-bottom:55px}.page-hero{padding-top:30px;padding-bottom:50px}.page-hero h1{font-size:clamp(34px,8.6vw,50px)}.page-hero .lead{font-size:20px}.page-index{gap:15px;margin-top:30px;font-size:16px}.detail-grid,.contact-layout{grid-template-columns:1fr;gap:30px}.detail-item{padding:20px 0}.detail-grid h2{font-size:32px}.section-top{display:block}.form-grid{grid-template-columns:1fr;gap:0}.contact-banner{padding:40px 0}.contact-banner .wrap{flex-direction:column;align-items:start;gap:28px}.process-item{padding:0 20px}.process-item summary{font-size:20px}.contact-layout h1{font-size:40px}.footer{grid-template-columns:1fr;gap:32px;padding:45px 24px 25px}.footer-brand .logo{font-size:36px}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom span{flex-basis:100%}.hero h1{font-size:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.intro-image{object-fit:cover;border-radius:var(--radius);width:100%;height:280px;margin-top:30px}.intro-image.web-preview{height:auto}.contact-tile a:focus-visible,.contact-banner a:focus-visible,.personal a:focus-visible{outline-color:#fff}.scope-list{margin:24px 0 28px;padding-left:20px;font-size:16px;line-height:1.6}.scope-list li+li{margin-top:10px}.cost-example>p{margin-top:28px}.process-film{background:#e8eef1;flex-direction:column;grid-column:1/9;justify-content:center;padding:36px 0;display:flex}.process-film h2{font-size:var(--head);padding:0 38px 24px}.process-film video{aspect-ratio:16/9;background:#e8eef1;width:100%;height:auto;display:block}.process-film>p{max-width:780px;padding:24px 38px 0;font-size:16px}.reference-preview{background:#dae7eb;grid-column:1/-1;grid-template-columns:1fr 1.2fr;gap:36px;padding:42px;display:grid}.reference-preview h2{margin-bottom:24px}.reference-preview p{max-width:480px;margin-bottom:20px}.reference-picture{border-radius:5px;align-self:center;overflow:hidden}.reference-picture img{width:100%;height:auto}.reference-names{flex-wrap:wrap;grid-column:1/-1;gap:35px;font-size:20px;font-weight:500;display:flex}.case-study{background:var(--surface);border-radius:8px;grid-template-columns:1fr 1.2fr;gap:45px;margin-bottom:12px;padding:45px;display:grid}.case-study h2{margin-bottom:24px;font-size:36px}.case-study p+p{margin-top:18px}.case-study img{border-radius:5px;width:100%;height:auto}.case-study .text-link{margin-top:18px}.case-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.case-pair .case-study{display:block}.case-pair h2{font-size:32px}.reference-intro{max-width:850px}.mobile-nav nav a:focus-visible{outline-color:#fff}@media (width<=1100px){.process-film{grid-column:1/8}.reference-preview{gap:28px;padding:30px}}@media (width<=980px){.header{height:82px}.desktop-nav,.header-cta{display:none}.mobile-nav{margin-left:auto;display:block}.mobile-nav>summary{align-items:center;padding:12px 0;font-size:16px;list-style:none;display:flex}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav nav{background:var(--ink);color:var(--bg);border-radius:8px;flex-direction:column;gap:5px;padding:20px 24px;display:flex;position:absolute;top:82px;left:12px;right:12px}.mobile-nav nav a{padding:12px 0;font-size:22px;text-decoration:none}}@media (width<=760px){.process-film{grid-column:1/-1;padding:28px 0}.process-film h2{padding:0 24px 20px;font-size:30px}.process-film>p{padding:20px 24px 0}.reference-preview{flex-direction:column;gap:24px;padding:32px 24px;display:flex}.reference-names{flex-direction:column;gap:14px;font-size:18px}.case-study,.case-pair{display:block}.case-study{padding:28px 24px}.case-study h2,.case-pair h2{font-size:30px}.case-study img{margin-top:24px}}.security-story{background:var(--ink);color:var(--bg);grid-column:1/8;padding:42px}.security-story h2{margin-bottom:28px;font-size:clamp(30px,3vw,46px)}.security-story>p{max-width:650px;margin-bottom:22px}.security-story a:focus-visible{outline-color:#fff}.security-story .text-link:hover{color:#fff}.security-evidence{background:#dae7eb;flex-direction:column;grid-column:8/13;justify-content:center;gap:24px;padding:42px;display:flex}.security-evidence>strong{letter-spacing:-.05em;font-size:clamp(58px,7vw,100px);font-weight:500;line-height:1}.source-note{font-size:14px;line-height:1.6}.security-story .source-note{margin-top:14px;margin-bottom:0}.security-detail{max-width:1000px}.security-detail h2{margin-bottom:28px}.security-detail p{max-width:800px;margin-bottom:24px}.security-detail h2:not(:first-child){margin-top:64px}@media (width<=760px){.security-story,.security-evidence{grid-column:1/-1;padding:32px 24px}.security-story h2{font-size:30px}.security-evidence>strong{font-size:68px}}