@font-face{font-family:Bricolage;src:url('assets/bricolage.woff2') format('woff2');font-weight:500 800;font-display:swap}@font-face{font-family:Instrument;src:url('assets/instrument.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--bg:#0b0c0d;--surface:#141517;--surface2:#1b1c1f;--ink:#f4f3ef;--muted:#a5a5a7;--gold:#efb74c;--gold-light:#ffd77d;--line:#2b2c2e;--heading:Bricolage,Arial,sans-serif;--body:Instrument,Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);overflow-x:clip}body:has(dialog[open]){overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--bg)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);line-height:1.06;letter-spacing:-.045em}h2{font-size:clamp(2.5rem,4.4vw,4.6rem);font-weight:600}em{font-style:normal;color:var(--gold)}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--gold);color:#000;padding:12px}.skip:focus{top:10px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4.5%;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.brand{display:flex;gap:12px;align-items:center;font-family:var(--heading);font-size:16px;font-weight:500;line-height:1.15;letter-spacing:-.03em}.brand strong{font-size:21px;font-weight:700}.brand-icon{display:flex;align-items:center;justify-content:center;position:relative;background:var(--gold);color:var(--bg);height:43px;width:43px;border-radius:12px;font-family:var(--heading);font-size:38px;font-weight:800;line-height:1}.brand-icon>span{font-family:var(--body);font-size:18px;position:absolute;right:-5px;top:-2px;background:var(--bg);color:var(--gold);line-height:1.1;border:2px solid var(--bg);border-radius:6px}.header nav{display:flex;gap:36px;font-size:14px;color:#d5d4d1}.header nav a{transition:color .2s}.header nav a:hover{color:var(--gold)}.tiny-dot,.status-dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-left:4px}.status-dot{width:7px;height:7px;margin-left:0;box-shadow:0 0 0 4px #efb74c15;margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--gold);color:#121314;font-size:16px;font-weight:700;line-height:1.3;padding:20px 24px;border:1px solid var(--gold);border-radius:7px;transition:background .2s,transform .25s,box-shadow .25s;min-height:56px}.button:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 35px #efb74c20}.button>span{font-size:24px;line-height:1}.button.small{min-height:46px;padding:13px 19px;font-size:14px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;padding:72px 4.5% 0;display:grid;grid-template-columns:1.02fr 1fr;gap:0 4%;min-height:820px;overflow:hidden}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(#71737528 1px,transparent 1px),linear-gradient(90deg,#71737528 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 10%,#000 80%)}.hero-glow{position:absolute;z-index:-1;width:900px;height:900px;right:-190px;top:-200px;pointer-events:none;background:radial-gradient(ellipse,#b87b1c20 0%,#bc7e1510 30%,transparent 62%);animation:glow 10s ease-in-out infinite alternate}.eyebrow{font:500 12px/1.5 var(--body);letter-spacing:.12em;display:flex;align-items:center;gap:4px}.hero h1{font-size:clamp(3.9rem,5.35vw,6.4rem);font-weight:600;line-height:1.04;letter-spacing:-.06em;margin:25px 0 27px;position:relative;z-index:2}.wow{color:var(--gold);display:inline-block;position:relative}.wow:after{content:'';position:absolute;bottom:-5px;left:0;width:95%;height:3px;background:var(--gold);transform:rotate(-4deg);transform-origin:left;animation:underline-in 1s var(--ease) both}.wow-star{font-size:.42em;display:inline-block;vertical-align:top;margin:0 0 0 8px;animation:star-rotate 25s linear infinite}.hero-text{max-width:450px;color:#bdbdbf;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.text-link:hover{color:var(--gold)}.play-icon{height:27px;width:27px;border:1px solid #666;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;padding-left:2px}.hero-proof{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:13px;margin-top:24px}.hero-proof b{color:var(--ink);font-weight:600}.hero-proof i{width:1px;height:15px;background:var(--line)}.hero-stage{position:relative;align-self:center;min-width:0;margin-top:8px;perspective:1600px;padding-bottom:40px}.stage-caption{display:flex;align-items:center;justify-content:space-between;color:#93938e;font-size:10px;letter-spacing:.12em;margin:0 0 20px 8px}.site-window{overflow:hidden;border:1px solid #62605a;border-radius:12px;background:#eee;box-shadow:0 35px 90px #0008,0 0 60px #efb74c08;transform:rotateY(-9deg) rotateX(5deg) rotateZ(2deg);transition:transform .65s var(--ease);will-change:transform}.hero-stage:hover .site-window{transform:rotateY(-3deg) rotateX(1deg) rotateZ(0deg)}.browserbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#252626;color:#a9a9a6;padding:13px 16px;font-size:12px;border-bottom:1px solid #444}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#686967}.window-dots i:first-child{background:#d7a965}.browser-address{font-size:10px;letter-spacing:.05em;background:#323332;padding:3px 30px;border-radius:4px}.mini-site{--accent:#e7ef9d;color:#fff;background:#1c2721;transition:background .3s}.mini-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;min-height:68px;color:#fff}.mini-nav strong{font:700 19px/1 var(--heading);letter-spacing:-.05em}.mini-nav strong span{display:block;font:500 7px/1.8 var(--body);letter-spacing:.16em}.mini-nav>span{font-size:8px;color:#e7e8e2}.mini-contact{background:transparent;color:#eee;border:1px solid #888;padding:6px 9px;border-radius:3px;font-size:8px}.mini-hero{position:relative;height:322px;isolation:isolate;overflow:hidden}.mini-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 40%;z-index:-2;transition:opacity .2s,transform 1.2s;transform:scale(1.01)}.mini-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e1c17ed 0%,#10211ab0 45%,#101b1900 100%)}.mini-content{padding:38px 26px 32px;max-width:83%}.mini-eyebrow{font-size:7px;letter-spacing:.12em;color:var(--accent)}.mini-content h2{font-size:clamp(30px,3.1vw,48px);font-weight:600;line-height:1.05;letter-spacing:-.06em;margin:13px 0}.mini-content p{font-size:10px;max-width:195px;line-height:1.5;color:#ddd}.mini-content button{background:var(--accent);color:#152218;font-size:9px;border:0;border-radius:3px;padding:11px 13px;margin-top:21px;font-weight:600}.mini-content button span{margin-left:15px}.mini-index{position:absolute;bottom:15px;right:17px;font-size:6px;letter-spacing:.12em;writing-mode:vertical-rl}.mini-footer{display:flex;justify-content:space-between;padding:20px 22px;font-size:8px;border-top:1px solid #ffffff20}.mini-site[data-industry=gastro]{--accent:#ebc288;background:#382722}.mini-site[data-industry=gastro] .mini-shade{background:linear-gradient(90deg,#25100cf0,#25100c55 75%,transparent)}.mini-site[data-industry=beauty]{--accent:#ecc1ce;background:#382733}.mini-site[data-industry=beauty] .mini-shade{background:linear-gradient(90deg,#21121fed,#21121f60 70%,transparent)}.mini-site[data-industry=beratung]{--accent:#cadbf7;background:#1c283c}.mini-site[data-industry=beratung] .mini-shade{background:linear-gradient(90deg,#101c30ed,#101c3070 70%,transparent)}.floating-note{display:flex;gap:12px;align-items:center;position:absolute;bottom:146px;left:-22px;background:#f5f3ed;color:#20221f;box-shadow:0 12px 35px #0005;border-radius:8px;padding:14px 17px;transform:rotate(-3deg);animation:float-note 7s ease-in-out infinite;z-index:3}.floating-note strong{display:block;font-size:12px;line-height:1.4}.floating-note small{display:block;font-size:10px;margin-top:2px;color:#686b65}.note-check{background:#e2e7d6;color:#405730;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.stage-controls{margin:42px auto 0;text-align:center}.stage-controls>span{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);margin-bottom:10px}.industry-switch{display:inline-flex;gap:3px;background:#191a1b;border:1px solid #363737;border-radius:100px;padding:4px}.industry-switch button{background:none;border:0;border-radius:100px;padding:9px 15px;font-size:12px;color:#bababb;transition:background .2s,color .2s}.industry-switch button[aria-pressed=true]{background:var(--gold);color:#181816}.industry-switch button:hover{color:#fff}.industry-switch button[aria-pressed=true]:hover{color:#000}.stage-controls>small{display:block;color:#89898b;font-size:10px;margin-top:9px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:31px 0 24px;margin-top:40px;border-top:1px solid var(--line);color:#858589;font-size:10px;letter-spacing:.08em}.hero-bottom a{display:flex;align-items:center;gap:20px;font-size:12px;color:#c3c3c3;letter-spacing:0}.hero-bottom a span{font-size:20px}.client-strip{padding:36px 4.5%;display:flex;gap:28px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#111214}.client-strip>span{font-size:9px;color:#929295;line-height:1.8;letter-spacing:.05em}.client-strip>span b{display:block;font-weight:400;letter-spacing:0;color:#b4b4b7;font-size:11px}.client-strip>div{font:600 clamp(16px,1.7vw,26px)/1.3 var(--heading);color:#bcbdbb}.client-strip>div.serif{font-family:Georgia,serif;font-size:22px}.client-strip>div.wide-logo{font-size:14px;letter-spacing:.02em}.client-strip>div span{font-size:11px;vertical-align:top}.client-strip>a{font-size:25px;color:#777}.section{padding:105px 6.8%}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.section-number{color:var(--gold);font-size:37px;line-height:1}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-heading>p{color:var(--muted);max-width:380px;line-height:1.7;font-size:16px;padding-bottom:4px}.comparison{height:455px;position:relative;border:1px solid #52534d;border-radius:12px;overflow:hidden;isolation:isolate;--split:55%}.compare-before,.compare-after{position:absolute;inset:0}.compare-before{background:#e3e6e7;color:#3e474b;font-family:Arial,sans-serif}.old-header{background:#8b999e;color:#fff;padding:22px 35px;font-size:24px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.old-header span{font-size:12px;font-weight:normal}.old-content{text-align:center;padding:52px 25px;font-size:12px}.old-content>span{font-size:14px;color:#738189}.old-content h3{font:700 30px/1.2 Arial,sans-serif;letter-spacing:0;margin:10px 0 15px}.old-content p{font-size:13px;line-height:1.6;margin-bottom:25px}.old-content>div{padding:12px;border:1px solid #c6cdcf;margin:auto;max-width:430px}.old-content a{display:inline-block;text-decoration:underline;font-size:12px;margin-top:14px}.compare-after{clip-path:inset(0 calc(100% - var(--split)) 0 0);color:white;pointer-events:none}.compare-after>img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;position:absolute;inset:0;z-index:-2}.compare-after-shade{position:absolute;inset:0;background:linear-gradient(90deg,#14231bf5,#14231b70);z-index:-1}.new-header{font:700 23px/1 var(--heading);padding:28px 40px}.new-header span{display:block;font:500 7px/1.8 var(--body);letter-spacing:.18em}.new-content{padding:18px 40px}.new-content small{font-size:9px;letter-spacing:.13em;color:#e7ef9d}.new-content h3{font-size:clamp(34px,4vw,58px);font-weight:500;margin:13px 0 14px}.new-content p{font-size:13px;color:#ddd}.fake-button{display:inline-block;padding:12px 17px;background:#e7ef9d;color:#19241b;border-radius:3px;font-size:11px;font-weight:700;margin-top:24px}.compare-label{position:absolute;bottom:15px;z-index:2;font-size:9px;letter-spacing:.09em;padding:6px 10px;border-radius:3px}.before-label{right:16px;color:#526168;background:#fff9}.after-label{left:16px;background:#1119;color:#fff}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--gold);pointer-events:none;z-index:3}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--gold);color:#111;border:5px solid #ffffff25;box-shadow:0 0 0 7px #efb74c25;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-size:22px}.comparison>input{position:absolute;inset:0;width:100%;height:100%;cursor:ew-resize;opacity:0;margin:0;z-index:4}.comparison:focus-within{outline:3px solid var(--gold);outline-offset:5px}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0}.benefit-row>div{display:flex;gap:17px;align-items:flex-start}.benefit-row b{color:var(--gold);font-size:12px;padding-top:2px;font-weight:500}.benefit-row strong{display:block;font-weight:600;font-size:15px}.benefit-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.subtle-link{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.subtle-link:hover{color:var(--gold)}.features{background:#111214;border-block:1px solid var(--line)}.pill{font-size:10px;letter-spacing:.08em;padding:6px 10px;border:1px solid #484535;border-radius:100px;color:#d6c096;display:inline-block}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:24px;text-align:left;background:#1a1b1d;border:1px solid #303133;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,background .3s}.feature-card:hover{transform:translateY(-6px);border-color:#7f693c;background:#1e1f21}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:30px}.feature-icon{font-size:23px;color:var(--gold)}.tag{font-size:9px;color:#bdbdbb;letter-spacing:.07em}.round-arrow{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border:1px solid #454647;border-radius:50%;font-size:18px;color:#bbb}.calendar-preview,.config-preview,.chat-preview{height:167px;margin:0 0 24px;background:#222427;border:1px solid #383a3b;border-radius:7px;padding:17px;pointer-events:none}.calendar-preview>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:9px}.calendar-preview>div:first-child span{color:#777}.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:17px 0}.calendar-days span{text-align:center;color:#8c8e8e;font-size:7px}.calendar-days b{font-size:10px;font-weight:400;text-align:center;padding:4px;border-radius:4px}.chosen{background:var(--gold)!important;color:#181818!important}.calendar-time{display:flex;justify-content:space-between;gap:5px}.calendar-time span{font-size:8px;border:1px solid #444;border-radius:4px;padding:4px 10px}.config-preview{display:flex;flex-direction:column;gap:9px}.config-preview>div{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:3px}.config-preview>div b{font-size:7px;color:var(--gold)}.config-option{font-size:10px;padding:5px 9px;border:1px solid #56503e;border-radius:4px;background:#efb74c07}.config-option i{font-style:normal;color:var(--gold);margin-right:8px}.config-option.off{border-color:#393b3d;color:#939494}.chat-preview{padding:17px 12px;display:flex;flex-direction:column;gap:17px}.chat-preview>span{align-self:flex-end;background:#383938;padding:8px 12px;border-radius:8px 8px 2px 8px;font-size:9px}.chat-preview>div{display:flex;gap:8px}.chat-preview i{font-style:normal;color:var(--gold)}.chat-preview p{font-size:10px!important;line-height:1.6!important;color:#ededed!important}.chat-preview small{display:block;font-size:8px;color:#c6ae7e;margin-top:6px}.feature-card h3{font-size:30px;font-weight:500;margin-bottom:16px}.feature-card>p{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:23px}.card-action{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #373838;padding-top:18px;font-size:12px;color:var(--gold)}.card-action>span{font-size:17px}.feature-footnote{color:#919195;font-size:11px;max-width:760px;margin-top:22px}.project{display:block}.project-image{position:relative;border-radius:9px;border:1px solid #333;overflow:hidden;background:#202021;isolation:isolate}.project-image img{width:100%;height:auto;object-fit:cover;object-position:top;transition:transform .7s var(--ease);aspect-ratio:1.6}.project-main .project-image{height:440px;padding:35px 70px 0;background:radial-gradient(ellipse at top,#4c3d433d,transparent 70%),#1b171d}.project-main .project-image img{border:1px solid #6c576151;border-radius:6px 6px 0 0;height:auto;box-shadow:0 0 55px #0007;object-fit:contain;aspect-ratio:auto}.project:hover .project-image img{transform:scale(1.025)}.project-open{position:absolute;right:20px;bottom:20px;background:#eeeeec;color:#111;padding:11px 17px;border-radius:100px;font-size:11px;box-shadow:0 3px 20px #0005}.project-details{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.project-details .eyebrow{font-size:9px;letter-spacing:.09em}.project-details h3{font-size:27px;font-weight:500;margin:7px 0 9px}.project-details h3 span{margin-left:20px;font-size:22px;color:#777}.project-details p{font-size:13px;color:#a4a4a6}.project-tags{display:flex;gap:7px;flex-wrap:wrap}.project-tags span{font-size:10px;padding:5px 11px;border:1px solid #343537;border-radius:100px;color:#afafb0}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:32px}.project-pair .project-details{padding-bottom:12px}.more-projects{border-block:1px solid var(--line);margin-top:42px;font-size:14px}.more-projects summary{padding:20px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.more-projects summary span{font-size:22px;line-height:1;color:var(--gold)}.more-projects>div{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding-bottom:18px}.more-projects a{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.more-projects a:hover{color:var(--gold)}.more-projects a span{font-size:12px;color:var(--muted)}.process-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#121314;border-block:1px solid var(--line)}.process-intro h2{font-size:clamp(35px,3.2vw,49px);margin:30px 0 24px}.process-intro>p{color:var(--muted);max-width:410px;font-size:15px}.process-intro>a{margin-top:26px;color:var(--gold)}.steps article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #303133}.steps article:first-child{padding-top:0}.steps article>span{font-family:var(--heading);font-size:35px;line-height:1;color:#585858;font-weight:500;letter-spacing:-.05em}.steps h3{font-size:23px;font-weight:500;margin:3px 0 12px}.steps p{font-size:14px;color:var(--muted);line-height:1.7}.price-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.price-intro>.eyebrow{color:var(--gold)}.price-intro h2{margin:30px 0}.price-intro>p{font-size:16px;line-height:1.8;color:var(--muted)}.price-trust{display:flex;align-items:flex-start;gap:18px;margin-top:43px;padding-top:28px;border-top:1px solid var(--line);max-width:380px}.price-trust>span{color:var(--gold);font-size:26px}.price-trust h3{font-size:21px;font-weight:500;margin:5px 0 10px}.price-trust p{font-size:13px;color:var(--muted)}.price-card{background:linear-gradient(145deg,#28251c,#191a1a 45%);border:1px solid #6b5b39;border-radius:12px;padding:33px 36px;box-shadow:0 20px 100px #efb74c05}.price-card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em}.price{font-family:var(--heading);line-height:1;margin-top:26px;letter-spacing:-.06em}.price>span{font-size:100px;font-weight:600}.price>b{font-size:48px;color:var(--gold);font-weight:500;margin-left:8px}.price-caption{font-size:12px;color:#aaa;margin-top:7px}.price-divider{height:1px;background:#3b3930;margin:24px 0}.price-card ul{padding:0;margin:0 0 30px;list-style:none;font-size:14px;color:#d0d0cc;display:grid;gap:10px}.price-card li{padding-left:24px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--gold)}.price-card .button{width:100%;font-size:14px;padding:17px 18px}.price-card>small{display:block;font-size:11px;color:#aaa9a5;line-height:1.7;margin-top:17px}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;border-top:1px solid var(--line);padding-top:85px}.faq-section h2{font-size:clamp(34px,3.4vw,50px);margin:27px 0}.faq-section>div>p{color:var(--muted);font-size:14px}.faq-section>div>p a{display:inline-block;color:var(--ink);margin-top:7px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:15px;font-weight:500}.faq-list summary span{color:var(--gold);font-size:24px;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:14px;line-height:1.7;padding:0 25px 23px 0}.contact-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:radial-gradient(ellipse at bottom left,#79571922,transparent 70%),#111212;border-block:1px solid #383327}.contact-copy h2{font-size:clamp(48px,4.8vw,74px);line-height:1.05;margin:28px 0;position:relative}.contact-star{display:inline-block;font-size:45px;color:var(--gold);margin-left:20px;vertical-align:top;animation:star-rotate 25s linear infinite}.contact-copy>p{max-width:380px;color:var(--muted);font-size:16px;margin-bottom:28px}.contact-copy>.text-link{color:var(--gold)}.contact-direct{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--muted);margin-top:25px}.contact-direct a:hover{color:#fff}#inquiry-form{background:#1c1d1e;border:1px solid #3c3d3b;padding:28px;border-radius:10px;align-self:start}.form-heading{display:flex;align-items:center;justify-content:space-between;font:500 24px/1.2 var(--heading);letter-spacing:-.035em;margin-bottom:27px}.form-heading b{font-size:27px;color:var(--gold);font-weight:400}label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}label>span{font-size:10px;color:#929294;font-weight:400;margin-left:3px}input:not([type=checkbox]):not([type=range]),textarea,select{display:block;width:100%;background:#131415;border:1px solid #444547;border-radius:5px;padding:13px 12px;color:#fff;line-height:1.4;font-size:14px;margin:0 0 18px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#89898d;opacity:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consent{display:flex;gap:9px;align-items:flex-start;font-weight:400;line-height:1.6;margin:0 0 20px}.consent input{flex-shrink:0;accent-color:var(--gold);width:16px;height:16px;margin:3px 0 0}.consent span{color:#bbb;font-size:11px;margin:0}.consent a{text-decoration:underline;text-underline-offset:2px}#inquiry-form>.button{font-size:13px;width:100%;padding:17px 15px}.form-reassurance{font-size:10px;text-align:center;color:#949498;margin-top:12px}#form-status{font-size:13px;border:1px solid var(--gold);padding:14px;margin-top:15px}.selected-project{font-size:12px;padding:12px;margin:0 0 18px;background:#efb74c0d;border:1px solid #efb74c40;border-radius:4px;color:#ddd}.selected-project button{background:none;border:0;color:var(--gold);font-size:11px;padding:4px 0;text-decoration:underline;display:block}footer{padding:42px 4.5% 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:36px}.footer-top p{font-size:13px;color:#9f9f9f}.back-top{font-size:12px;color:#b2b2b2}.footer-bottom{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#88898b}.footer-bottom>div{display:flex;gap:18px}.footer-bottom a:hover{color:var(--gold)}.assistant-launch{position:fixed;bottom:22px;right:25px;z-index:12;display:flex;gap:9px;align-items:center;font-size:25px;border:1px solid #665532;border-radius:100px;background:#27241e;box-shadow:0 5px 30px #0006;color:var(--gold);padding:9px 15px;transition:transform .2s}.assistant-launch span{font-size:12px;color:#eee}.assistant-launch:hover{transform:translateY(-3px)}dialog{border:1px solid #5b513c;background:#18191a;color:var(--ink);width:min(560px,calc(100% - 30px));max-height:90dvh;padding:35px;border-radius:14px;box-shadow:0 20px 100px #0009;overflow:auto}dialog::backdrop{background:#050607c9;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid #464747;border-radius:50%;background:transparent;font-size:22px;color:#ccc}.dialog-close:hover{background:#333}.dialog-eyebrow{font-size:10px;color:var(--gold);letter-spacing:.1em;margin:0 30px 17px 0}.dialog-title{font-size:37px;font-weight:500;margin-bottom:13px}.dialog-description{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:24px}.demo-note{padding:11px 14px;border:1px solid #464132;border-radius:5px;font-size:11px;color:#ccc0a8;background:#efb74c06;margin-bottom:22px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 24px}.option-grid button,.slot-grid button,.chat-questions button{background:#242527;border:1px solid #424346;border-radius:6px;padding:12px;color:#ddd;text-align:left;font-size:14px}.option-grid button[aria-pressed=true],.slot-grid button[aria-pressed=true]{background:#efb74c16;border-color:var(--gold);color:var(--gold)}.option-grid button:hover,.slot-grid button:hover,.chat-questions button:hover{border-color:var(--gold)}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 24px}.slot-grid button{text-align:center}.demo-label{font-size:12px;color:#aaa;margin:16px 0 8px}.dialog-actions{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}.dialog-actions .button{padding:14px 17px;min-height:47px;font-size:14px}.button.secondary{background:transparent;border-color:#565758;color:#eee}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-result{border:1px solid #65724e;background:#b8cb730b;padding:20px;border-radius:7px;margin:20px 0}.demo-result h3{font-size:24px;margin-bottom:12px}.demo-result p{font-size:14px;color:#bbb}.summary-list{padding:0;list-style:none;margin:23px 0;border-top:1px solid #444}.summary-list li{display:flex;justify-content:space-between;gap:20px;font-size:13px;border-bottom:1px solid #393a3c;padding:13px 0}.summary-list li span{color:#aaa}.summary-list li strong{font-weight:500;text-align:right;max-width:65%}.chat-questions{display:flex;flex-direction:column;gap:8px}.chat-answer{background:#262720;border:1px solid #55513e;padding:18px;margin-top:20px;border-radius:7px;font-size:14px;line-height:1.7}.chat-answer a{display:block;font-size:12px;color:var(--gold);margin-top:10px}.chat-form{display:flex;gap:8px;margin-top:18px}.chat-form input{margin:0!important;min-width:0}.chat-form button{background:var(--gold);color:#111;border:0;border-radius:5px;width:47px;flex-shrink:0}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);padding:13px 22px;background:var(--gold);color:#111;border-radius:7px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.success-page{min-height:100vh;display:grid;place-items:center;padding:30px}.success-card{max-width:580px;text-align:center}.success-card>span{font-size:56px;color:var(--gold)}.success-card h1{font-size:60px;margin:20px 0}.success-card p{color:var(--muted);margin-bottom:26px}.hero-copy{animation:copy-in .85s var(--ease) both}.hero-stage{animation:copy-in 1.1s .1s var(--ease) both}@keyframes copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes star-rotate{to{transform:rotate(360deg)}}@keyframes glow{to{transform:translate(-60px,90px) scale(1.18);opacity:.7}}@keyframes underline-in{from{transform:rotate(-4deg) scaleX(0)}to{transform:rotate(-4deg) scaleX(1)}}@keyframes float-note{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-2deg)}}
@media(min-width:1600px){.header,.hero,.client-strip,footer{padding-left:max(4.5%,calc((100vw - 1480px)/2));padding-right:max(4.5%,calc((100vw - 1480px)/2))}.section{padding-left:max(6.8%,calc((100vw - 1380px)/2));padding-right:max(6.8%,calc((100vw - 1380px)/2))}.hero{min-height:900px;padding-top:90px}.mini-hero{height:380px}}
@media(max-width:1100px){.header{gap:20px;padding-inline:4%;height:84px}.header nav{gap:21px}.hero{padding:60px 4% 0;gap:0 3%;min-height:750px}.hero h1{font-size:5.7vw}.hero .eyebrow{font-size:10px}.hero-text{font-size:16px}.hero-actions{gap:16px}.hero-actions .button{font-size:14px;padding:18px}.hero-actions .text-link{font-size:12px}.mini-hero{height:285px}.mini-content{padding:33px 20px}.mini-nav{padding:19px}.mini-nav>span{display:none}.mini-content h2{font-size:34px}.floating-note{left:-10px;bottom:148px;padding:12px}.floating-note strong{font-size:10px}.floating-note small{font-size:9px}.stage-caption{font-size:8px}.industry-switch button{padding:8px 12px;font-size:11px}.section{padding:80px 5%}.section-heading>p{max-width:300px;font-size:14px}.feature-card{padding:20px}.feature-card h3{font-size:27px}.tag{font-size:8px}.calendar-preview,.config-preview,.chat-preview{padding:12px;height:155px}.calendar-time span{padding:4px 6px}.process-section,.price-section,.faq-section{gap:6%}.price-card{padding:28px}.contact-section{gap:5%}.contact-copy h2{font-size:5.2vw}.form-row{grid-template-columns:1fr;gap:0}.client-strip>div{font-size:20px}.client-strip>div.wide-logo{font-size:11px}.project-main .project-image{height:380px}.footer-bottom>span:last-child{display:none}}
@media(max-width:800px){.header nav{display:none}.header{height:80px}.header-cta{margin-left:auto}.menu-toggle{display:block;background:transparent;border:1px solid #555;border-radius:5px;width:42px;height:42px;font-size:20px}.header nav.open{display:flex;position:absolute;top:79px;left:0;right:0;background:#151617;padding:25px;flex-direction:column;border-bottom:1px solid #444;font-size:16px}.hero{grid-template-columns:1fr;padding:43px 6% 0;min-height:0;gap:42px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(50px,9.7vw,76px);margin-top:24px}.hero .eyebrow{font-size:10px}.hero-text{font-size:17px;max-width:520px}.hero-actions .button{font-size:15px;padding:18px 22px}.hero-actions .text-link{font-size:14px}.hero-proof{font-size:12px}.hero-stage{width:90%;max-width:580px;justify-self:center;margin-top:0;padding-bottom:0}.mini-hero{height:340px}.mini-content{padding:35px 25px}.mini-content h2{font-size:46px}.mini-content p{font-size:12px;max-width:240px}.mini-eyebrow{font-size:8px}.mini-content button{font-size:11px;margin-top:24px}.mini-nav{padding:19px 24px}.mini-nav>span{display:block;font-size:10px}.mini-contact{font-size:10px}.mini-footer{font-size:9px}.stage-caption{font-size:9px}.floating-note{bottom:112px;left:-18px;padding:13px 16px}.floating-note strong{font-size:12px}.floating-note small{font-size:10px}.stage-controls{margin-top:40px}.stage-controls>span{font-size:10px}.industry-switch button{font-size:12px;padding:10px 16px}.hero-bottom{margin-top:0;padding-top:20px;font-size:9px}.hero-bottom>span{max-width:260px}.client-strip{flex-wrap:wrap;justify-content:center;gap:27px;padding:30px 6%}.client-strip>span{flex-basis:100%;text-align:center}.client-strip>span b{display:none}.client-strip>div{font-size:19px}.client-strip>a{display:none}.section{padding:70px 6%}.section-top .pill{font-size:8px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:500px;font-size:15px}.comparison{height:400px}.old-header{font-size:20px;padding:22px}.old-header span{display:none}.old-content h3{font-size:26px}.new-header{padding:25px}.new-content{padding:15px 25px}.new-content h3{font-size:43px}.benefit-row{gap:14px}.benefit-row>div{gap:10px}.benefit-row strong{font-size:12px}.benefit-row small{font-size:11px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature-card{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;position:relative}.card-heading{grid-column:1/-1;margin-bottom:20px}.calendar-preview,.config-preview,.chat-preview{grid-column:2;grid-row:2/5;margin-bottom:0;height:175px;padding:18px}.feature-card h3{grid-column:1;grid-row:2;font-size:30px}.feature-card>p{grid-column:1;grid-row:3;font-size:12px}.card-action{grid-column:1;grid-row:4;font-size:11px}.tag{font-size:10px}.project-main .project-image{height:310px;padding:23px 33px 0}.project-details{display:block}.project-main .project-tags{margin-top:15px}.project-pair{gap:20px;margin-top:22px}.project-details h3{font-size:24px}.project-details p{font-size:12px}.project-open{bottom:10px;right:10px;padding:8px 12px;font-size:10px}.process-section,.price-section,.faq-section,.contact-section{grid-template-columns:1fr;gap:40px}.process-intro h2,.faq-section h2{font-size:44px}.process-intro>p{max-width:540px}.price-intro h2{margin:23px 0}.price-trust{margin-top:26px;max-width:520px}.price-card{max-width:600px;width:100%;justify-self:center;padding:35px}.price-card .button{font-size:16px}.contact-copy h2{font-size:64px}.contact-copy>p{max-width:500px}.form-row{grid-template-columns:1fr 1fr;gap:14px}#inquiry-form{padding:30px}.contact-section{gap:32px}.footer-top{flex-wrap:wrap}.footer-top p{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:12px}.assistant-launch{right:15px;bottom:15px;padding:8px 13px}.assistant-launch span{display:none}.work-section .section-top>a{font-size:11px}.project-tags span{font-size:9px}.hero-grid{mask-image:linear-gradient(180deg,transparent,#000)}}
@media(max-width:480px){.header{padding-inline:5%;gap:12px}.brand{gap:9px;font-size:12px}.brand strong{font-size:17px}.brand-icon{width:35px;height:35px;font-size:31px;border-radius:9px}.brand-icon>span{font-size:14px}.header-cta{padding:11px 12px!important;font-size:11px!important;min-height:40px!important;gap:9px}.header-cta>span{font-size:18px}.menu-toggle{width:35px;height:38px;font-size:18px;flex-shrink:0}.hero{padding:36px 5% 0;gap:35px}.hero .eyebrow{font-size:8px;letter-spacing:.08em}.hero h1{font-size:12vw;line-height:1.07;letter-spacing:-.06em;margin:22px 0}.hero-text{font-size:15px;line-height:1.7}.hero-actions{gap:18px;margin-top:25px}.hero-actions .button{font-size:13px;padding:17px 16px;width:100%}.hero-actions .text-link{font-size:12px}.hero-proof{font-size:10px;gap:13px;margin-top:20px}.hero-stage{width:96%}.stage-caption{font-size:7px;letter-spacing:.06em;margin-bottom:14px}.site-window{transform:rotateY(-5deg) rotateX(3deg) rotateZ(1deg)}.browserbar{padding:10px 12px}.browser-address{font-size:8px;padding:2px 16px}.mini-nav{padding:17px}.mini-nav>span{font-size:7px}.mini-nav strong{font-size:17px}.mini-contact{font-size:8px}.mini-hero{height:280px}.mini-content{padding:28px 19px;max-width:95%}.mini-content h2{font-size:35px}.mini-content p{font-size:10px;max-width:190px}.mini-eyebrow{font-size:6px}.mini-content button{font-size:9px;padding:10px;margin-top:19px}.mini-footer{font-size:7px;padding:17px 13px}.floating-note{bottom:119px;left:-7px;padding:10px 12px;gap:8px}.floating-note strong{font-size:9px}.floating-note small{font-size:8px}.note-check{height:26px;width:26px;font-size:12px}.industry-switch button{font-size:11px;padding:9px 13px}.stage-controls>small{font-size:8px}.hero-bottom{font-size:7px;gap:15px;padding-bottom:20px}.hero-bottom>a{font-size:10px;gap:8px;white-space:nowrap}.client-strip{gap:18px 23px}.client-strip>div{font-size:17px}.client-strip>div.serif{font-size:19px}.client-strip>div.wide-logo{font-size:10px}.section{padding:55px 5%}.eyebrow{font-size:9px;letter-spacing:.08em}.section-top{margin-bottom:20px}.section-top .pill{display:none}h2{font-size:36px}.section-heading>p{font-size:14px}.comparison{height:350px}.new-header{padding:20px;font-size:19px}.new-content{padding:10px 20px}.new-content h3{font-size:34px;margin:11px 0}.new-content small{font-size:7px}.new-content p{font-size:10px;max-width:220px}.fake-button{font-size:9px;padding:10px;margin-top:16px}.old-header{font-size:17px;padding:18px 20px}.old-content{padding:40px 15px}.old-content h3{font-size:22px}.old-content p{font-size:10px}.old-content>div{font-size:10px}.compare-label{font-size:7px;padding:4px 7px;bottom:10px}.compare-line span{height:38px;width:38px;font-size:18px}.benefit-row{grid-template-columns:1fr;gap:19px;padding:24px 0}.benefit-row strong{font-size:14px}.benefit-row small{font-size:12px}.benefit-row>div{gap:17px}.subtle-link{font-size:11px}.feature-card{display:flex;padding:23px}.calendar-preview,.config-preview,.chat-preview{width:100%;height:178px;padding:20px;margin-bottom:24px}.calendar-preview>div:first-child{font-size:11px}.calendar-days span{font-size:9px}.calendar-days b{font-size:12px}.calendar-time span{font-size:10px;padding:4px 12px}.config-preview>div{font-size:11px}.config-option{font-size:12px}.chat-preview>span{font-size:11px}.chat-preview p{font-size:12px!important}.chat-preview small{font-size:10px}.feature-card>p{font-size:14px}.card-action{font-size:13px}.feature-footnote{font-size:10px}.work-section .section-top>a{display:none}.project-main .project-image{height:210px;padding:17px 18px 0}.project-pair{grid-template-columns:1fr;gap:33px;margin-top:22px}.project-details h3{font-size:27px}.project-details p{font-size:13px}.project-tags span{font-size:10px}.more-projects>div{grid-template-columns:1fr}.process-intro h2,.faq-section h2{font-size:36px}.steps{margin-top:0}.steps h3{font-size:22px}.steps p{font-size:13px}.price-card{padding:26px 23px}.price-card ul{font-size:13px}.price-card .button{font-size:13px;padding:16px}.price>span{font-size:90px}.price-intro>p{font-size:14px}.faq-list summary{font-size:14px}.contact-copy h2{font-size:53px}.contact-copy>p{font-size:15px}.contact-star{font-size:35px}.form-heading{font-size:24px}#inquiry-form{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}label{font-size:12px}#inquiry-form>.button{font-size:12px;padding:16px 13px}.footer-top p{display:none}.footer-bottom{font-size:9px}.footer-bottom>div{gap:15px}.back-top{font-size:11px}dialog{padding:30px 23px;max-height:88dvh}.dialog-title{font-size:32px}.dialog-description{font-size:13px}.option-grid button{font-size:12px;padding:11px}.slot-grid button{font-size:12px}.dialog-actions .button{font-size:12px;gap:15px}.success-card h1{font-size:44px}}
.brand-symbol{width:48px;height:48px;flex-shrink:0}.device-controls{display:flex;align-items:center;gap:5px;margin-bottom:15px}.device-controls button{font-size:11px;border:1px solid #343638;background:#191a1b;color:#a8a8a8;padding:6px 12px;border-radius:4px}.device-controls button[aria-pressed=true]{color:var(--gold);border-color:#766039;background:#efb74c09}.device-controls .personalize-trigger{margin-left:auto;background:none;border-color:transparent;color:#ccc;text-decoration:underline;text-underline-offset:4px}.mobile-device{max-width:265px;margin-inline:auto;transform:rotateY(-6deg) rotateZ(1deg);border-radius:27px;border:6px solid #393a3b}.mobile-device .browserbar{padding:8px 12px}.mobile-device .window-dots{display:none}.mobile-device .browser-address{padding:2px 8px;margin:auto}.mobile-device .mini-nav{padding:14px}.mobile-device .mini-nav>span{display:none}.mobile-device .mini-nav strong{font-size:15px;max-width:150px;overflow-wrap:anywhere}.mobile-device .mini-contact{font-size:8px}.mobile-device .mini-hero{height:270px}.mobile-device .mini-content{padding:30px 16px;max-width:100%}.mobile-device .mini-content h2{font-size:33px}.mobile-device .mini-content p{font-size:10px;max-width:175px}.mobile-device .mini-content button{font-size:9px}.mobile-device .mini-eyebrow{font-size:6px}.mobile-device .mini-footer{font-size:6px;padding:15px 9px}.showing-mobile .floating-note{left:0;bottom:158px;transform:rotate(-3deg);font-size:10px}.hero-stage{min-height:610px}.contact-star{animation:none}.feature-card>p,.steps p,.faq-list details p{font-size:15px}.card-action{font-size:14px}.price-card ul{font-size:15px}label{font-size:14px}.consent span{font-size:12px}.form-reassurance{font-size:12px}.feature-footnote{font-size:12px}.feature-card h3{line-height:1.13}#inquiry-form>.button{font-size:14px}.mini-nav strong{max-width:55%;overflow-wrap:anywhere}.device-controls button:hover{border-color:var(--gold)}
@media(max-width:1100px){.hero-stage{min-height:580px}.card-action{font-size:12px}.feature-card>p{font-size:14px}}
@media(max-width:800px){.hero-stage{min-height:620px}.showing-mobile .floating-note{left:30px;bottom:180px}.feature-card>p{font-size:14px}.card-action{font-size:13px}}
@media(max-width:480px){.brand-symbol{width:38px;height:38px}.device-controls button{font-size:10px;padding:6px 9px}.hero-stage{min-height:560px}.showing-mobile .floating-note{left:-5px;bottom:132px}.feature-card>p,.steps p,.faq-list details p{font-size:15px}.card-action{font-size:14px}.price-card ul{font-size:14px}.contact-star{font-size:38px}#inquiry-form>.button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.site-window,.hero-stage:hover .site-window{transform:none}.project:hover .project-image img{transform:none}}
/* Zweite Fassung: redaktioneller Aufbau und vollflächiger Vergleich. */
.hero-grid,.hero-glow{display:none}.hero{background:#101112}.hero h1{font-weight:600}.wow:after{height:2px;bottom:-8px}.floating-note{animation:none;transform:rotate(-2deg);border-radius:2px}.feature-grid{display:block}.feature-card{display:grid;width:100%;grid-template-columns:1fr 300px;gap:0 50px;border:0;border-top:1px solid #444;background:transparent;border-radius:0;padding:36px 0;text-align:left}.feature-card:hover{transform:none;background:transparent;border-color:var(--gold)}.feature-card .card-heading{grid-column:1;grid-row:1;margin-bottom:17px;justify-content:flex-start}.feature-card .round-arrow{display:none}.feature-card h3{grid-column:1;grid-row:2;font-size:36px;line-height:1.1}.feature-card>p{grid-column:1;grid-row:3;font-size:16px;margin:12px 0 20px}.feature-card .card-action{grid-column:1;grid-row:4;border:0;padding:0;max-width:350px}.feature-card .calendar-preview,.feature-card .config-preview,.feature-card .chat-preview{grid-column:2;grid-row:1/5;align-self:center;width:300px;height:180px;margin:0;padding:20px}.feature-icon{display:none}.tag{font-size:12px}.features{background:#151617}.compare-before{background:#bcc4c3 url('assets/handwerk.webp') center/cover}.compare-before:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#dce1deef,#dce1deca);backdrop-filter:grayscale(1)}.old-header,.old-content,.before-label{position:relative}.old-header{background:#697c79;padding:23px 35px}.old-header span{font-size:11px}.old-content{width:49%;padding:55px 25px;text-align:left;margin:0}.old-content h3{font-size:29px;color:#273936}.old-content>span{color:#526660}.old-content p{font-size:13px}.old-content>div{border-color:#94a7a1;margin:0;font-size:11px}.old-content a{font-size:12px}.before-label{position:absolute;left:16px;right:auto;bottom:15px}.compare-after{clip-path:inset(0 0 0 var(--split));isolation:isolate;background:#17271f}.compare-after>img{z-index:0;object-position:40% 45%}.compare-after-shade{z-index:1;background:linear-gradient(90deg,#11231925,#112319ee 60%)}.new-header,.new-content{position:relative;z-index:2;margin-left:50%;padding-left:30px;padding-right:25px}.new-header{padding-top:30px}.new-content{padding-top:20px}.new-content h3{font-size:clamp(30px,3.6vw,54px)}.new-content p{max-width:260px}.after-label{left:auto;right:16px}.comparison{height:480px;border-radius:3px}.project-image,.price-card,#inquiry-form{border-radius:4px}.section-number{display:none}.hero-bottom>span{letter-spacing:.03em;color:#9a9a9a}.benefit-row strong{font-weight:500}.pill{border-radius:3px}
@media(max-width:800px){.feature-card{grid-template-columns:1fr 240px;gap:0 25px}.feature-card .calendar-preview,.feature-card .config-preview,.feature-card .chat-preview{width:240px}.feature-card h3{font-size:29px}.old-content{padding:40px 18px}.old-content h3{font-size:25px}.new-header,.new-content{padding-left:20px;margin-left:47%}.new-content h3{font-size:35px}.comparison{height:440px}}
@media(max-width:480px){.feature-card{display:flex;padding:27px 0}.feature-card .calendar-preview,.feature-card .config-preview,.feature-card .chat-preview{width:100%;margin:8px 0 24px}.feature-card h3{font-size:30px}.feature-card .card-heading{margin-bottom:15px}.old-content{width:58%;padding:37px 13px}.old-content h3{font-size:21px}.old-content p{font-size:11px}.old-content>div{font-size:9px}.old-header{font-size:17px;padding:22px 14px}.old-header span{display:none}.new-header,.new-content{margin-left:36%;padding-left:14px;padding-right:12px}.new-content h3{font-size:30px}.new-content p{font-size:11px}.new-content small{font-size:7px}.new-header{font-size:18px}.comparison{height:410px}.after-label,.before-label{font-size:6px}.hero h1{font-size:12vw}}
.compare-after .new-header,.compare-after .new-content{margin-left:58%;padding-left:15px;padding-right:18px}.compare-after .new-content h3{font-size:clamp(25px,3.2vw,48px)}
@media(max-width:480px){.compare-after .new-header,.compare-after .new-content{margin-left:55%;padding-left:10px;padding-right:10px}.compare-after .new-content h3{font-size:24px}.compare-after .new-content p{font-size:10px}.compare-after .new-header{font-size:17px}}
.compare-before{isolation:isolate;z-index:0}.compare-after{z-index:1}

/* ══════════════════════════════════════════════════════════════════════
   Überarbeitung — Daumen, Versprechen, Namensfeld
   ══════════════════════════════════════════════════════════════════════ */

/* Das Versprechen: das Einzige, was sonst niemand anbieten kann */
.hero-promise{font-family:var(--heading);font-weight:500;letter-spacing:-.03em;
 font-size:clamp(1.18rem,2vw,1.6rem);line-height:1.25;color:var(--muted);
 margin:22px 0 26px;padding-left:16px;border-left:2px solid var(--gold)}
.hero-promise b{color:var(--ink);font-weight:600}

/* Der Name des Besuchers, direkt im Blick statt hinter einem Klick */
.hero-try{margin-top:26px;max-width:440px}
.hero-try label{display:block;font-size:12px;letter-spacing:.13em;text-transform:uppercase;
 color:var(--muted);margin-bottom:9px}
.hero-try-row{display:flex;gap:9px;align-items:stretch}
.hero-try input{flex:1;min-width:0;min-height:52px;padding:0 16px;
 background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}
.hero-try input::placeholder{color:#6f7072}
.hero-try input:focus{border-color:var(--gold);outline:none}
.hero-try button{min-height:52px;padding:0 20px;flex:none;
 background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:8px;
 font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;
 transition:background .18s,border-color .18s,color .18s}
.hero-try button:hover{background:var(--gold);border-color:var(--gold);color:#000}
.hero-try small{display:block;margin-top:9px;font-size:12px;line-height:1.5;color:#7e7f81}
@media(max-width:560px){
 .hero-try{max-width:none}
 .hero-try-row{flex-direction:column}
 .hero-try button{justify-content:center}}

/* Der Zähler sagt jetzt, was er zählt */
.stage-count b{color:var(--ink);font-weight:600}

/* ── Daumenregel: alles, was angetippt wird, misst mindestens 44 px ──
   Sichtbare Grösse bleibt, die Trefferfläche wächst unsichtbar mit. */
.header nav a,.hero-bottom a,.text-link,.subtle-link,
.device-controls button,.industry-switch button,
.menu-toggle,.mini-contact,#mini-action{position:relative}
/* 02.10.2026: .assistant-launch stand hier mit drin und verlor dadurch position:fixed –
   der Knopf lag unsichtbar am Seitenende. Er ist fixed und misst 48 px (siehe unten). */
.header nav a::after,.hero-bottom a::after,.text-link::after,.subtle-link::after,
.device-controls button::after,.industry-switch button::after,
.mini-contact::after,#mini-action::after{
 content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:100%;height:100%;min-width:44px;min-height:44px}
.device-controls button{padding:10px 16px}
.industry-switch button{padding:12px 18px}
.header nav a{padding:11px 2px;display:inline-block}
.hero-bottom a,.text-link,.subtle-link{padding:11px 0;display:inline-flex;align-items:center}
.menu-toggle{min-width:48px;min-height:48px}
@media(max-width:900px){
 .device-controls button{padding:10px 14px}
 .industry-switch button{padding:12px 16px}}

/* ── Die Frageblase drängt sich nicht mehr auf ──
   Sie erscheint erst, wenn der Auftakt vorbei ist, und weicht dem Fuss aus. */
.assistant-launch{min-height:48px;opacity:0;visibility:hidden;
 transform:translateY(14px);pointer-events:none;
 transition:opacity .4s var(--ease),transform .4s var(--ease),visibility .4s}
.assistant-launch.sichtbar{opacity:1;visibility:visible;transform:none;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.assistant-launch{transition:none}}

/* Die letzten Tippziele: Kopfzeile, Fusszeile, Zustimmungshaken */
.header .button{min-height:48px;display:inline-flex;align-items:center}
.brand{min-height:44px}
footer a,.contact-list a,.legal-links a{display:inline-flex;align-items:center;min-height:44px}
.compare-before a{position:relative}
.compare-before a::after{content:"";position:absolute;left:50%;top:50%;
 transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}
input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold);flex:none;position:relative}
input[type=checkbox]::after{content:"";position:absolute;left:50%;top:50%;
 transform:translate(-50%,-50%);width:44px;height:44px}
label:has(input[type=checkbox]){min-height:44px;display:flex;align-items:flex-start;gap:12px}

/* Kürzer auf dem Handy — dieselben Inhalte, weniger Luft dazwischen */
@media(max-width:640px){
 section{padding-top:42px !important;padding-bottom:42px !important}
 .section-heading{margin-bottom:20px}
 .feature-row{gap:16px}
 .feature-grid{gap:26px}
 .hero{padding-top:26px}
}

/* Daumen, zweiter Durchgang — jetzt mit echten Massen statt nur Trefferflächen.
   Ausnahmen mit Absicht: Bedienelemente INNERHALB der Beispiel-Webseite
   (.mini-site, .compare-before) behalten ihre Grösse, sonst wäre es kein
   glaubwürdiges Abbild einer Webseite mehr — sie bekommen nur eine
   unsichtbare Trefferfläche. Ebenso Verweise mitten im Fliesstext. */
.header a.button{min-height:48px}
.device-controls button{padding:13px 16px}
.industry-switch button{padding:14px 18px}
.subtle-link{padding:15px 0}
.contact-direct a,.contact-copy a[href^="tel"],.contact-copy a[href^="mailto"],
p a[href^="tel"],p a[href^="mailto"]{display:inline-flex;align-items:center;min-height:44px}
.assistant-launch{min-width:48px}
@media(max-width:900px){
 .device-controls button{padding:13px 14px}
 .industry-switch button{padding:14px 16px}}

/* Der Knopf in der Kopfzeile ist auf dem Handy der wichtigste überhaupt —
   er muss mit dem Daumen sicher zu treffen sein. */
.header .header-cta{min-height:48px!important;padding:13px 14px!important}
/* Die kurzen Rechtsverweise in der Fusszeile bekommen Breite */
.footer-bottom a{display:inline-flex;align-items:center;justify-content:center;
 min-width:44px;min-height:44px;padding:0 4px}

/* Der einzelne Pfeil im Referenzstreifen ist ein Verweis, kein Zeichen */
.client-strip a{display:inline-flex;align-items:center;justify-content:center;
 min-width:44px;min-height:44px}

/* Kürzer auf dem Handy, ohne dass Inhalt verschwindet:
   Die drei Funktionskarten und die Referenzbilder brauchen dort weniger Platz,
   ihre Aussage bleibt dieselbe. */
@media(max-width:640px){
 .feature-card{padding:22px 20px}

 .feature-grid{gap:20px}
 .project-image{aspect-ratio:16/10;max-height:168px}
 .project-details{padding-top:14px}
 .project-pair{gap:22px}
 .contact-copy h2{margin-bottom:8px}
 .form-row{gap:14px}
}

/* Auf dem Handy sind die kleinen Vorschaubilder in den Funktionskarten
   ohnehin nicht lesbar — dort steht die Karte kurz und knapp, und die
   Demo öffnet sich beim Antippen in voller Grösse. Spart etwa einen
   Bildschirm, ohne dass eine einzige Funktion verschwindet. */
@media(max-width:640px){
 .feature-card .calendar-preview,
 .feature-card .config-preview,
 .feature-card .chat-preview{display:none}
 .feature-card h3{margin-top:14px;font-size:1.32rem}
 .feature-card p{margin-top:8px}
 .feature-card .card-action{margin-top:12px}
 .feature-card{padding:20px}
}
@media(max-width:640px){
 .hero-bottom{padding:18px 0}
 .client-strip{padding-top:30px!important;padding-bottom:30px!important}
 .section-top{margin-bottom:10px}
 .feature-footnote{margin-top:16px}
 .process-step{padding:16px 0}
 footer{padding-top:34px}
}
@media(max-width:640px){
 section{padding-top:38px!important;padding-bottom:38px!important}
 .project-image{max-height:152px}
}

/* Die neuen Schalter über dem Vergleich sind ebenfalls Tippziele */
.reveal-controls button{min-height:44px;padding:12px 16px}
@media(max-width:640px){.reveal-controls button{min-height:44px;padding:12px 13px}}

/* Auf dem Handy lief die Leistungszeile der „alten" Seite unter das
   Etikett VORHER. Etwas Platz darunter, dann steht beides frei. */
@media(max-width:640px){
 /* Auf dem Handy stehen die Etiketten oben — unten liefen sie in die
    Leistungszeile der „alten" Seite hinein. */
 .compare-label{top:10px;bottom:auto}
 .old-header,.new-header{padding-top:42px}
 .old-content{padding-top:34px}
}

/* ── Die sechs weiteren Referenzen mit echten Bildschirmfotos ────────────
   Vorher standen sie als Textliste in einem Aufklapper — Bilder beweisen
   mehr als Namen, und angeklickt wird ohnehin nur, was man gesehen hat. */
.ref-kopf{margin:clamp(34px,5vw,54px) 0 18px;display:flex;flex-direction:column;gap:5px}
.ref-kopf b{font-family:var(--heading);font-size:clamp(1.05rem,2.4vw,1.35rem);
 font-weight:600;letter-spacing:-.02em}
.ref-kopf span{color:var(--mut,#a5a5a7);font-size:14px}
.ref-raster{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.ref-raster{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 /* Am Handy nebeneinander zum Wischen statt untereinander — sechs
    Referenzen brauchen so einen Bildschirm statt sechs. */
 .ref-raster{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  margin-inline:calc(-1*var(--rand,20px));padding-inline:var(--rand,20px);padding-bottom:6px}
 .ref-raster::-webkit-scrollbar{display:none}
 .ref{flex:0 0 76%;scroll-snap-align:start}
 .ref-kopf span::after{content:" Zum Wischen."}
}
.ref{position:relative;display:block;border:1px solid var(--line);background:var(--surface);
 overflow:hidden;text-decoration:none;color:inherit;min-height:44px;
 transition:border-color .2s,transform .3s var(--ease)}
.ref:hover,.ref:focus-visible{border-color:var(--gold);transform:translateY(-3px)}
.ref img{width:100%;height:auto;aspect-ratio:1200/750;object-fit:cover;object-position:top center;
 display:block;filter:saturate(.92)}
.ref:hover img{filter:none}
.ref-txt{display:flex;flex-direction:column;gap:2px;padding:13px 15px 15px;
 border-top:1px solid var(--line)}
.ref-txt b{font-family:var(--heading);font-size:15px;font-weight:600;letter-spacing:-.02em}
.ref-txt i{font-style:normal;font-size:13px;color:var(--mut,#a5a5a7)}
.ref-pfeil{position:absolute;top:11px;right:12px;width:30px;height:30px;display:grid;
 place-items:center;background:rgba(11,12,13,.72);color:#fff;font-size:14px;border-radius:50%}
.ref:hover .ref-pfeil{background:var(--gold);color:#121314}

/* ── Die ehrliche Kurzprüfung der eingetippten Adresse ───────────────────
   Sie liest die Seite wirklich aus und nennt beim Namen, was auffällt.
   Kein Punktestand, keine Panikmache — nur was ein Fachmann sehen würde. */
.pruef{margin-top:16px;border:1px solid var(--line);background:var(--surface);
 padding:15px 17px 17px;font-size:14px;line-height:1.55}
.pruef .titel{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
 font-family:var(--heading);font-weight:600;font-size:15px;letter-spacing:-.02em}
.pruef .titel em{font-style:normal;color:var(--gold);font-size:13px;font-weight:500}
.pruef .laeuft{color:#a5a5a7}
.pruef ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.pruef li{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start}
.pruef li b{font-weight:600;display:block}
.pruef li span.w{color:#a5a5a7;font-size:13px;display:block;margin-top:1px}
.pruef .zeichen{font-size:13px;line-height:1.45}
.pruef li.warn .zeichen{color:#E8A33D}
.pruef li.gut .zeichen{color:#5FBE8E}
.pruef li.hinweis .zeichen{color:#8FA3B8}
.pruef .gutzeile{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);
 color:#a5a5a7;font-size:13px}
.pruef .fehler{color:#a5a5a7}
@media(max-width:640px){
 .ref-kopf{margin-top:26px;margin-bottom:12px}
 .ref-txt{padding:11px 13px 12px}
 .project-details{padding-top:12px}
}
@media(max-width:640px){
 section{padding-top:34px!important;padding-bottom:34px!important}
 .feature-footnote{margin-top:12px;font-size:12.5px}
 .hero-try small{font-size:11.5px;line-height:1.45}
 .price-card li{padding-top:7px;padding-bottom:7px}
}

/* ── Pfeile und Dreiecke bleiben Schriftzeichen ─────────────────────────
   Auf dem iPhone stellt iOS ↗ und ▶ sonst als farbiges Emoji dar. Das ist
   viel höher als die Textzeile, schiebt sie auseinander und sieht aus wie
   ein Fehler. Der Variantenselektor im Text erzwingt die Textform, diese
   Regeln fangen den Rest ab. */
.project-link span,.card-action span,.button span,.text-link span,
.more-projects a span,.ref-pfeil,.round-arrow,.play-icon,
a[href^="http"] span,.hero-bottom a span,.subtle-link{
 font-variant-emoji:text;font-family:var(--body),"Segoe UI Symbol",sans-serif}
.ref-pfeil{line-height:1}

/* ═════════════════════════════════════════════════════
   Handy: Pille „Live ansehen" nicht über den Karteninhalt
   Die Karte ist am Handy nur 152 px hoch; die Pille lag
   mit 32 px im unteren Viertel direkt auf dem Bildschirm-
   foto. Der Verweis nach draußen steht dort ohnehin als
   Pfeil hinter dem Namen.
   ═════════════════════════════════════════════════════ */
@media(max-width:640px){.project-open{display:none}}

/* ══════════════════════════════════════════════════════════════════
   07.09.2026 — Vorher/Nachher deutlicher, von Matze am Handy gemeldet:
   „Rechts ist kaum ein Unterschied."

   Ursache: Die VORHER-Seite lag auf demselben Foto wie die NACHHER-Seite,
   nur grau überlagert. Dadurch sahen beide Hälften gleich aus. Eine echte
   Bestandsseite von 2010 hat kein Vollbild-Foto — sie hat weissen Grund,
   Times, blaue unterstrichene Links und einen Besucherzähler.
   ══════════════════════════════════════════════════════════════════ */
.compare-before{
  background:#ffffff!important;
  color:#333;
  font-family:"Times New Roman",Times,Georgia,serif!important;
}
.compare-before:before{content:none!important}

/* Kopfzeile: Farbverlauf und Systemschrift, wie damals üblich */
.old-header{
  background:linear-gradient(#5b6ea8,#3f5490)!important;
  color:#fff;padding:14px 22px!important;
  font:bold 21px/1.2 "Times New Roman",Times,serif!important;
  border-bottom:3px solid #26365f;
}
.old-header span{display:inline!important;font:normal 12px/1 Arial,sans-serif!important;color:#ccd6f2}

.old-content{
  width:auto!important;max-width:none;margin:0!important;
  padding:26px 30px!important;text-align:left!important;
  font-family:"Times New Roman",Times,serif!important;
}
.old-content>span{font:italic 15px/1 "Times New Roman",Times,serif!important;color:#7a7a7a!important}
.old-content h3{
  font:bold 27px/1.25 "Times New Roman",Times,serif!important;
  color:#26365f!important;margin:8px 0 14px!important;
}
.old-content p{font-size:15px!important;line-height:1.55!important;color:#444;margin-bottom:18px!important}
.old-content>div{
  border:1px solid #b9b9b9!important;background:#f2f2f2;
  padding:9px 12px!important;font:13px/1.4 "Times New Roman",Times,serif!important;
  color:#555;max-width:none!important;
}
.old-content a{
  color:#0000cc!important;text-decoration:underline!important;
  font:14px/1 "Times New Roman",Times,serif!important;margin-top:16px!important;
}
.old-fuss{
  margin-top:22px;padding-top:12px;border-top:1px solid #d6d6d6;
  font:11px/1.5 Verdana,Arial,sans-serif;color:#8a8a8a;
}
.before-label{background:#26365f!important;color:#fff!important}

/* Solange die Linie von selbst fährt, gleitet sie weich statt zu springen.
   Sobald jemand sie anfasst, folgt sie sofort dem Finger. */
#comparison:not(.von-hand) .compare-after,
#comparison:not(.von-hand) .compare-line{transition:clip-path .12s linear, left .12s linear}
@media(prefers-reduced-motion:reduce){
  #comparison .compare-after,#comparison .compare-line{transition:none}
}

/* 07.09.2026 — Zweimal in Folge trug jemand Unsinn ins Webseiten-Feld ein
   (eine zweite Mailadresse, dann „Staatsanwaltschaft, Zürich"). Wer keine
   Webseite hat, weiss nicht, was er dort hinschreiben soll. Jetzt steht
   direkt darunter, dass das Feld leer bleiben darf. */
.feld-hilfe{display:block;margin:-6px 0 14px;font-size:.86rem;line-height:1.45;color:#a5a5a7}