:root{--tanne:#1C3128;--tanne-2:#24402F;--petrol:#1F5F63;--kupfer:#B8733A;--grund:#F3F4F0;--tinte:#17221D;--leise:#58655E;--linie:#D9DDD5;--radius:14px}*{box-sizing:border-box}body{margin:0;color:var(--tinte);background:var(--grund);font:16px/1.6 'IBM Plex Sans',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Archivo,sans-serif}h1{font-size:clamp(3.6rem,6.6vw,6.5rem);line-height:.99;letter-spacing:-.055em;font-weight:800}h2{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.08;letter-spacing:-.035em;font-weight:800}h3{font-size:1.2rem;line-height:1.25}a{color:inherit}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--kupfer);outline-offset:5px}.wrap{width:min(1560px,calc(100% - 64px));margin:auto}section{scroll-margin-top:110px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 25px;border-radius:14px;background:var(--petrol);color:white;border:1px solid transparent;text-decoration:none;font-weight:600;line-height:1.2}.button:hover{filter:brightness(1.08)}.button svg{width:19px;height:19px}.button.outline{background:transparent;border-color:#b1c1b7;color:#EEF2EC}.icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--petrol);color:white;border-radius:14px;flex:none}.icon svg{width:25px;height:25px}.icon.scan{background:var(--kupfer);color:#1E120A}.mono{font-family:'IBM Plex Mono',monospace}.muted{color:var(--leise)}.preview-label{font-size:.76rem;color:var(--leise)}
header{height:92px;background:var(--tanne);color:#EEF2EC;border-bottom:1px solid #ffffff1e}header .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.logo{width:151px;height:auto;display:block}.navigation{display:flex;gap:28px;align-items:center}.navigation a{text-decoration:none;font-size:.92rem}.navigation a:hover{text-decoration:underline;text-underline-offset:6px}header .button{background:#EEF2EC;color:var(--tanne)}
.header-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.login-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;color:#EEF2EC;text-decoration:none;font-weight:600;white-space:nowrap}.login-link:hover{text-decoration:underline;text-underline-offset:5px}@media(max-width:700px){header .legal-home{display:none}}
.hero{background:var(--tanne);color:#EEF2EC;padding:64px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:76px;align-items:center}.hero-copy>p{max-width:540px;margin-top:28px;color:#c3d0c7;font-size:1.17rem;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 24px}.hero-note{display:flex;align-items:center;gap:10px;font-size:.87rem;color:#c3d0c7}.hero-note svg{width:17px;height:17px}.product-hero{position:relative;display:flex;flex-direction:column;align-items:center;margin:0}.hero-video{display:block;width:min(320px,100%);aspect-ratio:9/16;max-height:620px;object-fit:cover;border-radius:28px;box-shadow:0 28px 55px #0005;background:#0D1411}.product-hero figcaption{font-size:.75rem;color:#b7c6bd;margin-top:16px;text-align:center}.hero-fact{position:absolute;bottom:95px;left:-42px;padding:17px 22px;background:#EEF2EC;color:var(--tanne);border-radius:14px;box-shadow:0 10px 36px #0003;display:flex;gap:15px;align-items:center}.hero-fact svg{width:25px;height:25px;color:#8E2A35}.hero-fact strong{font-size:.9rem;display:block}.hero-fact span{font-size:.78rem;display:block;color:var(--leise)}
.hero-media{position:relative;width:min(320px,100%)}.hero-media .hero-video{width:100%}.hero-play{position:absolute;z-index:2;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;min-width:220px;min-height:56px;padding:8px 16px;border:1px solid #ffffffbd;border-radius:999px;background:#1C3128ed;color:#fff;font-weight:700;line-height:1.25;text-align:center;white-space:nowrap;box-shadow:0 12px 30px #0005}.hero-play span{font-size:1.3rem;line-height:1}.hero-play:hover{background:var(--petrol)}.hero-play:focus-visible{outline:3px solid var(--kupfer);outline-offset:5px}
.functions{padding:80px 0 56px}.section-intro{display:flex;justify-content:space-between;gap:44px;align-items:end;margin-bottom:36px}.section-intro h2{max-width:650px}.section-intro p{max-width:360px;color:var(--leise)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature{background:white;border:1px solid var(--linie);border-radius:20px;overflow:hidden}.feature-body{padding:26px}.feature-heading{display:flex;align-items:center;gap:16px;margin-bottom:16px}.feature-body>p{font-size:.95rem;color:var(--leise);min-height:72px}.product-mini{margin:0 18px 18px;padding:19px;background:#F3F4F0;border:1px solid #e4e7e0;border-radius:12px;min-height:176px;display:flex;flex-direction:column;gap:11px}.mini-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.82rem}.mini-top strong{font-size:.88rem}.mini-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--linie);padding-top:9px;font-size:.78rem}.status{border-radius:6px;padding:3px 7px;font-size:.69rem;white-space:nowrap;background:#e3edd9;color:#36541e}.status.red{background:#f5e2e5;color:#8E2A35}.status.blue{background:#e4edf5;color:#2F4E6E}.mini-button{padding:7px 12px;background:var(--kupfer);color:#1E120A;border-radius:8px;font-weight:600;font-size:.78rem;text-align:center}.meter{display:flex;gap:4px}.meter i{flex:1;height:7px;border-radius:2px;background:#4F6B2F}.meter i:last-child{background:#8E2A35}.timer{font-size:1.75rem;color:var(--tanne);line-height:1.2}.preview-labels{display:flex;justify-content:space-between;gap:16px;margin-top:16px;color:var(--leise);font-size:.77rem}
.flow{padding:40px 0 64px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}.step{padding:26px 0;border-top:1px solid #bec9c0}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.step-number{font:500 1.8rem 'IBM Plex Mono';color:var(--petrol)}.step p{margin-top:12px;color:var(--leise);max-width:320px;font-size:.95rem}
.preise .enterprise-extra{grid-column:1/-1;border-top:1px solid var(--linie);padding-top:12px;margin:6px 0 0;color:#EEF2EC;font-size:.9rem;line-height:1.5}
.pricing-shell{padding:20px 0 74px}.preise{--leise:#A9BDB1;--linie:rgba(238,242,236,.14);max-width:1560px;margin:0 auto;background:#1C3128;color:#EEF2EC;border-radius:20px;padding:56px clamp(20px,5vw,64px);display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}.preise h2{font-size:clamp(2rem,4vw,3rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.preise .links{display:flex;flex-direction:column;gap:22px}.preise .links p{color:var(--leise);font-size:1.05rem;line-height:1.55;max-width:42ch}.preise .fakten{display:grid;gap:10px;margin-top:6px}.preise .fakten div{display:flex;gap:10px;align-items:center;font-size:.98rem}.preise .fakten svg{flex:none}.preise .cta{margin-top:auto;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;padding-top:10px}.preise .btn{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border-radius:14px;background:#B8733A;color:#1E120A;font-weight:600;font-size:1.05rem;text-decoration:none}.preise .btn:focus-visible{outline:3px solid #EEF2EC;outline-offset:3px}.preise .cta small{color:var(--leise);font-size:.9rem}.preise .pakete{display:grid;gap:12px;align-content:start}.preise .paket{border:1px solid var(--linie);border-radius:14px;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:6px 16px}.preise .paket.pro{background:#24402F;border-color:#1F5F63;box-shadow:inset 4px 0 0 #B8733A}.preise .paket h3{font-size:1.25rem;font-weight:700;display:flex;gap:10px;align-items:center}.preise .tag{font:600 .72rem 'IBM Plex Sans';background:#B8733A;color:#1E120A;padding:3px 8px;border-radius:99px}.preise .fuer{font-family:'IBM Plex Mono',monospace;font-size:.85rem;color:var(--leise);align-self:center;text-align:right}.preise .paket ul{grid-column:1/-1;list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.93rem;color:#EEF2EC;margin:0}.preise .paket li:before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;background:#B8733A;margin-right:8px;vertical-align:1px}.preise .hinweis{font-size:.85rem;color:var(--leise);padding-left:4px}
footer{border-top:1px solid var(--linie);padding:32px 0 46px}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}footer .logo{width:130px}footer p{font-size:.82rem;color:var(--leise)}footer .footer-brand{max-width:360px}footer .footer-brand p{margin:4px 0}footer a{text-decoration:none;font-size:.9rem}.draft{padding:9px 20px;text-align:center;background:#e7eae3;font-size:.75rem;color:var(--leise)}
@media(max-width:1000px){.hero-grid{gap:36px}.hero-fact{left:-10px}.section-intro{display:block}.section-intro p{margin-top:20px;max-width:600px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-body>p{min-height:48px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:650px}}
@media(max-width:860px){.preise{grid-template-columns:1fr;gap:36px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}header{height:82px}header .logo{width:120px}header .navigation,header .demo{display:none}header .button{padding:0 16px;font-size:.87rem}.header-actions{gap:0}.login-link{padding:0 6px}.hero{padding:46px 0 48px}.hero-grid{grid-template-columns:1fr;gap:36px}h1{font-size:clamp(3.25rem,13vw,5rem)}.hero-copy>p{font-size:1.03rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-fact{bottom:94px;left:0;padding:13px 15px}.hero-media{width:min(300px,100%)}.product-hero{margin:0}.functions{padding:48px 0 26px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-body{padding:22px}.feature-body>p{min-height:0}.product-mini{min-height:160px}.flow{padding:30px 0 44px}.steps{grid-template-columns:1fr;gap:0}.step{padding:23px 0}.step p{max-width:none}.step-top{margin-bottom:16px}.pricing-shell{padding:0 0 42px}.preise{padding:30px 22px;gap:28px}.preise .paket{padding:19px 17px;grid-template-columns:1fr}.preise .fuer{text-align:left}.preise .cta .btn{width:100%;justify-content:center}.preview-labels{display:block}.preview-labels span{display:block}footer .wrap{align-items:start;flex-wrap:wrap}.hero-note{font-size:.79rem}}

[hidden]{display:none!important}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:white;color:#17221D;padding:12px}.skip-link:focus{top:10px}
.legal-nav{display:flex;flex-wrap:wrap;gap:18px}.legal{width:min(800px,calc(100% - 36px));margin:64px auto 80px;overflow-wrap:anywhere}.legal h1{font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:30px}.legal h2{font-size:1.4rem;margin:32px 0 12px;line-height:1.3;letter-spacing:-.02em}.legal p,.legal ul{margin-bottom:16px}.legal a{text-underline-offset:3px}.notice{padding:20px 24px;border:1px solid #B8733A;border-radius:14px;background:#F6EADB;margin:24px 0;color:#472B15}.placeholder{display:inline;color:#7C351D;background:#FBE9D9;padding:1px 4px;border-radius:3px}.contact-card{padding:28px;background:white;border:1px solid var(--linie);border-radius:20px;margin-top:30px}.contact-card .button{margin:12px 0}footer .wrap{flex-wrap:wrap}

@media (hover:hover) and (pointer:fine){
  .feature,.preise .paket{transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
  .feature:hover{transform:translateY(-5px);border-color:var(--petrol);box-shadow:0 16px 34px rgb(28 49 40 / .14)}
  .preise .paket:hover{transform:translateY(-4px);border-color:var(--kupfer);background:#2B4937;box-shadow:0 14px 26px rgb(0 0 0 / .22)}
  .preise .paket.pro:hover{box-shadow:inset 4px 0 0 var(--kupfer),0 14px 26px rgb(0 0 0 / .22)}
}
@media (prefers-reduced-motion:reduce){.feature,.preise .paket{transition:none}.feature:hover,.preise .paket:hover{transform:none}}
.preise .plan-price{margin-left:auto;white-space:nowrap;font-size:1.05rem;font-weight:700;color:#EEF2EC}.preise .plan-price small{display:block;text-align:right;font-size:.68rem;font-weight:400;color:var(--leise)}
.hero-stream-poster{display:block;width:100%;height:auto;border-radius:18px}.hero-media iframe{display:block;width:100%;aspect-ratio:9/16;height:auto;min-height:420px;border:0;border-radius:18px;background:var(--tanne)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:24px 0 16px}.form-field{min-width:0}.form-field-wide{grid-column:1/-1}.form-field label{display:block;margin-bottom:7px;font-weight:600}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;min-height:48px;padding:11px 13px;border:1px solid #9BA69D;border-radius:10px;background:#fff;color:#17221D;font:inherit}.form-field textarea{min-height:120px;resize:vertical}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:3px solid var(--kupfer);outline-offset:2px}.form-trap{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-privacy{font-size:.93rem;color:var(--leise)}.form-submit{min-height:52px;margin:4px 0 12px}.form-status{min-height:1.6em;color:var(--petrol);font-size:.94rem}
@media(max-width:600px){.form-grid{grid-template-columns:1fr;gap:14px}.form-field-wide{grid-column:auto}.contact-card{padding:22px 18px}}