@font-face{font-family:DM;src:url('dm-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('dm-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f7f5ef;--ink:#222b26;--muted:#59625a;--line:#d5d9ce;--sage:#dfe9d4;--gold:#f3cf70;--serif:Georgia,'Times New Roman',serif;--sans:DM,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;font:16px/1.65 var(--sans);background:var(--paper);color:var(--ink)}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #a04c25;outline-offset:5px}::selection{background:#f3cf70;color:#222b26}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:14px}.skip-link:focus{top:15px}.playground-strip{background:var(--sage);padding:9px max(5vw,20px);display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid #c9d3bf}.playground-strip>span:first-child{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.playground-strip i{height:7px;width:7px;border-radius:50%;background:#38603e}.playground-strip a{font-size:18px;margin-left:12px;text-decoration:none}.site-header{max-width:1440px;margin:auto;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center;gap:30px;position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.wordmark{display:block;width:185px;flex-shrink:0;line-height:0}.wordmark img{width:100%;display:block}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.nav-contact{border:1px solid var(--ink);border-radius:50px;padding:10px 20px;font-weight:700}.site-grid{max-width:1440px;padding:0 5vw 64px;margin:auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0 36px}.module{min-width:0;position:relative;scroll-margin-top:120px}.module-content{height:100%;padding:44px 0}.kicker{font-size:10px;letter-spacing:1.9px;font-weight:700;line-height:1.5;margin:0 0 23px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-1.6px;line-height:1.08}h1{font-size:clamp(48px,5.3vw,80px);max-width:720px;margin-bottom:27px}h2{font-size:clamp(30px,3vw,44px);margin-bottom:22px}h3{font-size:18px;line-height:1.4;margin-bottom:12px;letter-spacing:-.3px}.module-text p{margin-bottom:17px}.module-text p:last-child{margin-bottom:0}.module-text{color:var(--muted);font-size:15px;line-height:1.8}.module-link{display:inline-block;margin-top:24px;font-size:13px;font-weight:700}.button{background:var(--ink);color:#fff;text-decoration:none;padding:16px 23px;border-radius:5px;border:1px solid var(--ink);font-size:13px;font-weight:700;transition:background .15s,transform .15s}.button:hover{background:#3b5141;transform:translateY(-2px)}#start .module-content{padding:65px 24px 48px 0}#start .module-text{max-width:470px;font-size:17px;line-height:1.8}#start .hero-footnote{font-size:11px;color:var(--muted);margin:25px 0 0;max-width:400px}.hero-footnote span{font-size:24px;margin-right:8px}#angebot{margin:51px 0 40px 16px;transform:rotate(1.3deg);align-self:center;border-radius:4px;box-shadow:5px 8px 0 #222b2609}#angebot .module-content{padding:34px 32px}#angebot .kicker{margin-bottom:18px}#angebot h2{font-size:31px;letter-spacing:-1px}#angebot .module-text{font-size:13px;line-height:1.8;color:#414b40}.price{font-family:var(--serif);font-size:95px;letter-spacing:-6px;line-height:1.05;position:relative;white-space:nowrap}.price>span:first-child{font-family:var(--sans);font-size:14px;letter-spacing:0;margin-right:5px}.price-star{color:#5c704c;font:65px var(--serif);position:absolute;right:0;top:-9px}.price-caption{font-size:13px;font-weight:700;line-height:1.6;margin:14px 0 27px}.price-caption small{font-size:11px;font-weight:400}.offer-bottom{border-top:1px solid #a8b59e;margin-top:26px;padding-top:19px;display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.5}.stamp{border:1px solid #53664a;border-radius:50%;height:65px;width:65px;display:grid;place-content:center;text-align:center;font-size:9px;letter-spacing:1px;transform:rotate(-12deg)}#leistungen{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#leistungen .module-content{padding:42px 0 50px}#leistungen h2{font-size:40px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:33px}.services article{position:relative;padding-left:35px}.service-number{position:absolute;left:0;top:3px;font-size:10px;color:#697b5b}.services p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.case-visual{border-radius:5px;background:#ece8df;border:1px solid #d7d4cb;margin-bottom:30px;overflow:hidden;position:relative;color:#252522}.browser-dots{font-size:8px;letter-spacing:4px;padding:12px 15px;display:inline-block}.case-domain{font-size:9px;color:#5d615c;position:absolute;top:10px;right:15px}.case-poster{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px 22px 0;background:#f5f1e7}.case-poster>span{font:700 clamp(30px,3.9vw,60px)/.96 var(--serif);letter-spacing:-2px}.case-poster img{width:100%;height:220px;object-fit:contain;mix-blend-mode:multiply}.case-caption{font-size:8px;letter-spacing:1.8px;padding:15px 22px;display:block;background:#f5f1e7}#kontrollblick .module-content{padding-right:23px}#kontrollblick h2{font-size:38px}#kontrollblick .module-text{font-size:14px}#eric{border-bottom:1px solid var(--line)}#eric h2{font-size:40px}#eric .module-content{padding-bottom:26px}#zusammen .module-content{padding-top:26px}#zusammen h2{font-size:32px}#zusammen .module-text{font-size:13px}#spielfeld{margin:16px 0 40px;border-radius:4px}#spielfeld .module-content{padding:32px}#spielfeld h2{font-size:36px}#spielfeld .module-text{font-size:14px;color:#475341}.work-link{display:block;margin-top:20px;font-size:12px}.fine{font-size:11px!important;line-height:1.65;color:var(--muted);margin-top:12px}.faq-list{margin-top:28px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;position:relative;font-size:14px;font-weight:700;padding:17px 30px 17px 0;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:14px;font:25px var(--serif);font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details>div{font-size:13px;color:var(--muted);padding-right:22px;line-height:1.8}.faq-list details>div p{margin-bottom:22px}#fragen .module-content{padding-top:22px}#fragen h2{font-size:36px}#kontakt{border-radius:5px;margin-top:15px}#kontakt .module-content{padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:0 50px}#kontakt .kicker,#kontakt h2,#kontakt .module-text,#kontakt .module-link{grid-column:1}#kontakt h2{font-size:49px;margin-bottom:16px}#kontakt .module-text{color:#cad1c6;font-size:14px}#kontakt .module-link{justify-self:start;border:1px solid #95a68d;background:transparent}.contact-brief{grid-column:2;grid-row:1 / span 4;align-self:center}.contact-brief label{font-size:13px;display:block;margin-bottom:10px}.contact-brief label span{color:#c2c9bd;font-size:11px}.contact-brief textarea{width:100%;background:#303b32;color:#fff;border:1px solid #687264;padding:14px;resize:vertical;min-height:100px;border-radius:4px;font-size:13px;line-height:1.7}.contact-brief textarea::placeholder{color:#b4bfae}.light{background:var(--sage);color:var(--ink);border:0;margin-top:12px}.light:hover{background:#c1d4af}.contact-brief .fine{color:#c2c9bd;font-size:10px!important;margin-bottom:0}.site-footer{border-top:1px solid var(--line);padding:38px 5vw 20px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.footer-name{font:700 35px var(--serif);text-decoration:none;letter-spacing:-1.5px}.footer-name span{font:10px var(--sans);letter-spacing:1px;margin-left:8px;vertical-align:top}.site-footer p,.footer-note,.footer-links{font-size:12px;color:var(--muted)}.site-footer p{margin-top:7px}.footer-links{display:flex;flex-direction:column;gap:5px;justify-self:end}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:var(--muted)}.preview-bar{position:sticky;top:0;padding:10px;background:#eac568;z-index:50;text-align:center;font-size:12px}.module-image{display:block;max-height:340px;object-fit:contain;margin-bottom:20px}.legal-page{max-width:850px;padding:50px 24px;margin:auto}.legal-page h1{font-size:54px}.legal-page h2{font-size:28px;margin-top:35px}.legal-page p{font-size:15px}.simple-header{padding:25px 5vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.simple-header>a{font-size:13px}.simple-header .wordmark{width:160px}
@media(min-width:1600px){.site-header,.site-grid,.site-footer{padding-left:65px;padding-right:65px}}@media(max-width:1050px){.site-grid{gap:0 24px}.site-header nav{gap:20px}#angebot{margin-left:0}.price{font-size:76px}.price-star{font-size:45px}#angebot .module-content{padding:26px}h1{font-size:57px}#start .module-content{padding-right:0}.case-poster img{height:180px}#kontakt .module-content{padding:35px;gap:0 30px}}
@media(max-width:780px){html{scroll-padding-top:100px}.playground-strip{font-size:10px;padding:8px 5vw;gap:10px}.playground-strip>span:first-child{font-size:8px;letter-spacing:1px}.playground-strip>span:last-child{max-width:195px;text-align:right}.site-header{padding:15px 5vw;gap:15px}.wordmark{width:145px}.site-header nav{gap:15px;font-size:11px}.site-header nav>a:not(.nav-contact){display:none}.nav-contact{padding:8px 14px}.site-grid{display:flex;flex-direction:column;padding-bottom:35px}.module{width:100%;scroll-margin-top:100px}.module-content{padding:32px 0}#start .module-content{padding:42px 0 32px}h1{font-size:clamp(44px,8.7vw,68px);max-width:620px}#start .module-text{font-size:16px}#angebot{margin:10px 0 35px;transform:rotate(.7deg);width:calc(100% - 4px)}#angebot .module-content{padding:30px}.price{font-size:90px}.price-star{right:15px;font-size:60px}.offer-bottom{margin-top:20px}.services{grid-template-columns:1fr;gap:27px;margin-top:25px}.services article{padding-left:36px}.services h3{margin-bottom:6px}#leistungen h2{font-size:35px}#kontrollblick .module-content{padding-right:0}.case-poster img{height:250px}.case-poster>span{font-size:clamp(36px,8vw,60px)}#eric .module-content{padding-top:10px}#zusammen .module-content{padding-bottom:30px}#spielfeld{margin:10px 0 30px}#spielfeld .module-content{padding:28px}#fragen .module-content{padding-top:0}#kontakt .module-content{display:block;padding:30px 25px}#kontakt h2{font-size:40px}.contact-brief{margin-top:30px;padding-top:27px;border-top:1px solid #52604d}.contact-brief .button{width:100%;padding:15px 12px;font-size:12px}.site-footer{grid-template-columns:1fr 1fr;gap:22px;padding-top:28px}.footer-note{grid-column:1}.footer-links{grid-column:2;grid-row:1 / span 2;align-self:center}.footer-bottom{gap:18px;font-size:9px}.legal-page h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.site-body .module.theme-cream{background:var(--paper);color:var(--ink)}.site-body .module.theme-amber{background:var(--sage);color:var(--ink)}.site-body .module.theme-dark{background:var(--ink);color:var(--paper)}.site-body .module.theme-dark .module-text,.site-body .module.theme-dark .fine{color:#cad1c6}