@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102b3f;--navy2:#173d52;--mint:#b6e8dc;--teal:#1b817e;--ink:#193344;--muted:#61717c;--paper:#f7f9f8;--line:#e4ebea;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font:16px/1.65 'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #1b817e;outline-offset:4px}.demo-strip{text-align:center;padding:7px 12px;background:#c9e9df;color:#1b4b4c;font-size:11px;font-weight:800;letter-spacing:.055em}.header{background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 1px 0 #e9eeee}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:28px}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-symbol{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:var(--navy);color:#fff;font:800 20px/1 Manrope;letter-spacing:-.15em;padding-right:3px}.logo-symbol span{color:var(--mint)}.logo-text{font:800 18px/1.1 Manrope;letter-spacing:-.06em}.logo-text small{display:block;letter-spacing:.2em;font-size:9px;font-weight:700;margin-top:5px}.nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.nav>a:not(.nav-contact):hover{color:var(--teal)}.nav-contact{background:var(--navy);color:#fff;padding:11px 18px;border-radius:9px}.nav-contact span{margin-left:10px}.menu-button{display:none;background:transparent;border:0;padding:10px}.menu-button span:not(.sr-only){display:block;width:25px;height:2px;background:var(--navy);margin:5px}.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-200px;top:-250px;width:700px;height:700px;border-radius:50%;border:1px solid #ffffff16}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:610px;gap:30px}.hero-copy{position:relative;z-index:1;padding:75px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;color:var(--teal);margin:0 0 19px}.eyebrow.light{color:#b4e5d8}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8fd4c3;margin-right:9px}.hero h1,h2{font:800 clamp(37px,4.2vw,62px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:0}.hero h1{font-size:clamp(48px,5.1vw,78px)}h1 em,h2 em{font-style:normal;color:#64b8ad}.hero h1 em{color:var(--mint)}.hero-lead{max-width:520px;font-size:17px;line-height:1.85;color:#d5e0e4;margin:26px 0 31px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;padding:14px 20px;border-radius:10px;font-size:13px;font-weight:800;line-height:1.3;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-mint{background:var(--mint);color:var(--navy)}.btn-mint:hover{background:#d1f3e9}.btn-outline-light{background:transparent;color:#fff;border-color:#7893a0}.btn-outline-light:hover{background:#ffffff14}.hero-proof{display:flex;gap:21px;flex-wrap:wrap;margin-top:36px;color:#bed0d7;font-size:12px}.hero-art{position:relative;align-self:end}.hero-art img{width:100%;filter:drop-shadow(0 25px 50px #03111b70)}.hero-floating{position:absolute;bottom:45px;left:-22px;background:#fff;color:var(--navy);border-radius:14px;display:flex;align-items:center;gap:14px;padding:15px 23px;box-shadow:0 16px 40px #0018;font-size:10px;letter-spacing:.12em;line-height:1.8}.hero-floating strong{font:800 15px Manrope;letter-spacing:0}.floating-icon{background:#d9f4ea;padding:8px 13px;border-radius:10px;font-size:23px}.hero-index{position:absolute;bottom:22px;left:max(24px,calc((100vw - 1160px)/2));font-size:10px;letter-spacing:.18em;color:#9bb6bf}.trust{background:#eaf4f0}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:84px;color:#50716e;font-size:12px;font-weight:700}.trust-inner>span:first-child{font-size:10px;letter-spacing:.1em}.trust-divider{height:24px;width:1px;background:#c5d9d1}.section{padding:112px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:43px}.section-top>p{max-width:370px;margin:0;color:var(--muted)}.section h2{font-size:clamp(36px,3.5vw,54px)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #0d344015}.service-image{height:185px;background:#e7f0ed;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover}.card-num{position:absolute;left:16px;top:14px;background:#ffffffeb;color:var(--navy);padding:3px 9px;border-radius:7px;font-size:11px;font-weight:800}.service-body{padding:23px 20px}.service-body h3{font:800 17px/1.3 Manrope;margin:0 0 11px;letter-spacing:-.04em}.service-body p{color:var(--muted);font-size:13px;line-height:1.8;min-height:94px;margin:0 0 18px}.service-body a{font-size:12px;font-weight:800;color:var(--teal)}.service-body a span{margin-left:7px}.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-art{position:relative;border-radius:20px;overflow:hidden;background:#dceae5}.about-art img{width:100%;height:auto}.about-tag{position:absolute;bottom:24px;left:22px;right:22px;background:var(--navy);color:#fff;border-radius:9px;padding:14px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.09em}.about-copy p:not(.eyebrow){color:var(--muted);line-height:1.9}.about-stats{display:flex;gap:34px;border-top:1px solid #d8e3df;padding-top:27px;margin-top:29px}.about-stats div{display:flex;flex-direction:column}.about-stats strong{font:800 32px Manrope;color:var(--navy)}.about-stats span,.about-copy small{font-size:11px;color:var(--muted)}.about-copy small{display:block;margin-top:15px}.section-top.compact{margin-top:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps-grid article{background:#f3f7f5;border-radius:16px;padding:29px;min-height:245px;position:relative}.step-number{position:absolute;right:25px;top:21px;font:800 14px Manrope;color:#8aa7a1}.step-icon{width:52px;height:52px;background:#d9ede5;color:#2c7c75;border-radius:13px;display:grid;place-items:center;font-size:25px;margin-bottom:24px}.steps-grid h3{font:800 19px Manrope;margin:0 0 9px}.steps-grid p{color:var(--muted);font-size:13px;margin:0}.ai-section{background:#123448;color:#fff;overflow:hidden}.ai-grid{display:grid;grid-template-columns:1fr .86fr;gap:100px;align-items:center}.ai-copy h2{font-size:clamp(43px,4.5vw,64px)}.ai-copy h2 em{color:var(--mint)}.ai-copy>p:not(.eyebrow):not(.ai-note){color:#d1e0e5;max-width:500px}.prompt-list{display:grid;gap:10px;margin:28px 0}.prompt-list button{width:100%;text-align:left;background:#ffffff0c;border:1px solid #ffffff2c;color:#f4f9fa;border-radius:10px;padding:14px 17px;font-size:13px;display:flex;justify-content:space-between;gap:12px}.prompt-list button:hover{background:#ffffff1c}.ai-note{font-size:11px;color:#9db9c2;margin-top:20px}.chat-preview{background:#fff;border-radius:18px;overflow:hidden;color:var(--ink);box-shadow:0 25px 65px #001e2c70;transform:rotate(1.5deg)}.chat-top{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.chat-avatar{display:grid;place-items:center;background:var(--navy);color:var(--mint);width:42px;height:42px;border-radius:12px;font-size:25px}.chat-top strong{display:block;font-size:13px}.chat-top small{display:block;font-size:11px;color:var(--muted)}.chat-status{width:9px;height:9px;background:#3aa884;border-radius:50%;margin-left:auto}.chat-content{background:#f7faf9;padding:25px;display:flex;flex-direction:column;gap:15px;min-height:340px}.chat-msg{max-width:90%;padding:13px 15px;border-radius:13px;font-size:12px;line-height:1.65}.chat-msg.assistant{align-self:flex-start;background:#fff;border:1px solid #e6eeea;border-bottom-left-radius:3px}.chat-msg.user{align-self:flex-end;background:#d7eee6;border-bottom-right-radius:3px}.chat-bottom{display:flex;justify-content:space-between;gap:10px;padding:17px 22px;color:#74858a;font-size:11px}.contact-section{background:#f5f8f6}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.contact-grid>div>p:not(.eyebrow){color:var(--muted);max-width:470px}.hours{display:grid;gap:5px;margin-top:26px;color:#657983;font-size:13px}.hours strong{color:var(--ink)}.contact-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px;box-shadow:0 16px 45px #102b3f0a}.panel-icon{width:52px;height:52px;border-radius:13px;background:#dff2eb;display:grid;place-items:center;font-size:29px;color:var(--teal)}.contact-panel h3{font:800 23px/1.35 Manrope;letter-spacing:-.04em}.contact-panel p{color:var(--muted);font-size:14px}.btn-dark{background:var(--navy);color:#fff}.panel-note{font-size:11px!important;margin-top:22px}.footer{background:#0c2535;color:#d4e2e6;padding:52px 0 20px}.footer-main{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:40px;align-items:start}.footer-logo .logo-symbol{background:#284b5c}.footer-main>p{font-size:12px;color:#afc2c9;margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.footer-links a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #ffffff21;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#9fb4bd}.widget-notice{position:fixed;right:24px;bottom:24px;max-width:340px;background:#fff;color:var(--ink);box-shadow:0 10px 35px #0003;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:12px;padding:18px 38px 18px 18px;z-index:100;font-size:13px}.widget-notice[hidden]{display:none}.widget-notice button{position:absolute;right:10px;top:6px;border:0;background:transparent;font-size:23px;color:var(--muted)}
@media(max-width:1000px){.nav{gap:17px}.hero-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.service-body p{min-height:0}.about-grid,.ai-grid,.contact-grid{gap:42px}}@media(max-width:760px){.wrap{width:min(100% - 36px,560px)}.nav-wrap{min-height:72px}.menu-button{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 24px;box-shadow:0 12px 20px #102b3f1c;flex-direction:column;align-items:stretch;gap:17px}.nav.is-open{display:flex}.nav-contact{text-align:center}.hero-grid,.about-grid,.ai-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.hero-grid{min-height:auto}.hero-copy{padding:65px 0 20px}.hero-art{width:min(90%,480px);margin:auto}.hero-floating{left:0;bottom:18px}.hero-index{display:none}.hero-proof{margin-top:25px}.trust-inner{flex-wrap:wrap;justify-content:center;padding:19px 0;min-height:auto;gap:10px 20px}.trust-inner>span:first-child{width:100%;text-align:center}.trust-divider{display:none}.section{padding:75px 0}.section-top{display:block}.section-top>p{margin-top:20px}.steps-grid{grid-template-columns:1fr}.about-art{max-width:540px}.ai-grid{gap:40px}.chat-preview{transform:none;max-width:520px}.contact-panel{padding:27px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-bottom{flex-direction:column;gap:4px}}@media(max-width:500px){.service-grid{grid-template-columns:1fr}.service-image{height:210px}.hero h1{font-size:clamp(42px,11vw,60px)}.hero-buttons{flex-direction:column;align-items:stretch}.hero-floating{padding:10px 14px}.about-stats{gap:20px}.about-stats strong{font-size:26px}.chat-content{padding:16px;min-height:290px}.demo-strip{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.service-card{transition:none}}

/* V4: Online-Service als unterstützendes Angebot, nicht als Hauptprodukt */
.about-benefits{display:grid;gap:12px;margin-top:26px;font-size:14px;font-weight:700;color:var(--navy)}
.service-advantages{display:grid;gap:14px;margin:26px 0 23px}
.service-advantages>div{display:grid;gap:2px;border-left:3px solid var(--mint);padding-left:14px}
.service-advantages strong{font-size:14px;color:#fff}
.service-advantages span{font-size:12px;color:#c4d8df}
.examples-label{font-size:12px!important;font-weight:800;color:#e3f2f0!important;margin-bottom:-15px}
.chat-avatar{font-size:13px;font-weight:800}
@media(max-width:760px){.service-advantages{margin-top:24px}}