:root .website[data-website] :is(.hero-video-bild,.dach-hero-bild .dach-tafeln){min-width:0;position:relative}:root .website[data-website] .hero-video-taste{z-index:2;border:2px solid var(--skin-weiss);background:var(--web-akzent-tief);max-width:calc(100% - 40px);min-height:64px;color:var(--skin-weiss);box-shadow:var(--web-glass-shadow);text-align:left;cursor:pointer;border-radius:999px;align-items:center;gap:14px;padding:14px 22px;font-size:clamp(14px,1.2vw,18px);font-weight:600;display:flex;position:absolute;bottom:20px;left:20px}:root .website[data-website] .hero-video-taste svg{flex-shrink:0}:root .website[data-website] .hero-video-taste span{overflow-wrap:anywhere;min-width:0}:root .website[data-website] :is(.hero-video-taste,.hero-video-dialog button):focus-visible{outline:3px solid var(--web-akzent);outline-offset:4px}:root .website[data-website] .hero-video-dialog{overscroll-behavior:contain;border:1px solid var(--skin-web-linie);background:var(--skin-flaeche);width:min(1100px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--skin-tinte);box-shadow:var(--web-glass-shadow);border-radius:22px;margin:auto;padding:20px;overflow:auto}:root .website[data-website] .hero-video-dialog::backdrop{background:color-mix(in srgb, var(--skin-tinte) 75%, transparent)}:root .website[data-website] .hero-video-kopf{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-weight:600;display:flex}:root .website[data-website] .hero-video-kopf button{background:var(--web-akzent-hell);width:44px;height:44px;color:var(--web-akzent-tief);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}:root .website[data-website] .hero-video-hinweis{margin-bottom:12px}:root .website[data-website] .hero-video-dialog .demo-video{grid-template-columns:minmax(0,1fr)}:root .website[data-website] .hero-video-dialog .demo-video video{aspect-ratio:16/9;max-height:70dvh}@media (orientation:portrait) and (max-width:767px){:root .website[data-website] .hero-video-dialog .demo-video video{aspect-ratio:9/16}}@media (max-width:720px){:root .website[data-website] .hero-video-taste{gap:10px;max-width:calc(100% - 24px);min-height:56px;padding:10px 14px;bottom:12px;left:12px}:root .website[data-website] .hero-video-dialog{padding:12px}}@media (prefers-reduced-motion:reduce){:root .website[data-website] :is(.hero-video-taste,.hero-video-dialog,.hero-video-dialog *){transition:none!important;animation:none!important}}
.app-story{--app-accent:var(--skin-produkt-hr-akzent,#7b7fe3);--app-ink:#182b35;--app-muted:#52616b;--app-tint:color-mix(in srgb, var(--app-accent) 10%, #fff);--app-deep:color-mix(in srgb, var(--app-accent) 52%, #142530);color:var(--app-ink);overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;min-width:0}.app-story[data-app=finance]{--app-accent:var(--skin-produkt-finance-akzent,#3aa57f)}.app-story[data-app=qms]{--app-accent:var(--skin-produkt-qms-akzent,#d9962b)}.app-story[data-app=docu]{--app-accent:var(--skin-produkt-docu-akzent,#5b9bd5)}.app-story[data-app=sales]{--app-accent:var(--skin-produkt-sales-akzent,#e06a5a)}.app-hero{isolation:isolate;background:0 0;position:relative;overflow:clip}.app-aurora{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 35%, color-mix(in srgb, var(--app-accent) 38%, transparent), transparent 45%), radial-gradient(ellipse at 40% 70%, color-mix(in srgb, var(--app-accent) 22%, transparent), transparent 48%), radial-gradient(ellipse at 90% 80%, #3fa9b526, transparent 45%);filter:blur(35px);animation:18s ease-in-out infinite alternate app-aurora-flow;position:absolute;inset:-15%}.app-hero-grid{gap:var(--web-raster-abstand);padding-block:var(--web-abschnitt-l);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;display:grid}.app-kicker{letter-spacing:.08em;color:var(--app-deep);align-items:center;gap:10px;margin:0 0 24px;font-size:13px;font-weight:700;display:flex}.app-kicker>span:first-child:empty{background:var(--app-accent);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--app-accent) 12%, transparent);border-radius:50%}.app-title{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,4.2vw,4.75rem);font-weight:650;line-height:1.08}.app-intro{color:var(--app-muted);max-width:60ch;margin:28px 0;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.75}.app-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.app-story .app-cta{color:#fff;background:linear-gradient(135deg, var(--app-deep), color-mix(in srgb, var(--app-accent) 60%, #182b35));box-shadow:inset 0 1px 0 #ffffff40, 0 9px 25px color-mix(in srgb, var(--app-accent) 22%, transparent);border:1px solid #ffffff60;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:15px 23px;font-size:14px;font-weight:650;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.app-story .app-cta:hover{box-shadow:inset 0 1px 0 #ffffff60, 0 12px 30px color-mix(in srgb, var(--app-accent) 30%, transparent);transform:translateY(-2px)}.app-story a:focus-visible{outline:3px solid var(--app-deep);outline-offset:5px}.app-link{color:var(--app-deep);text-underline-offset:5px;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.app-launch{color:var(--app-deep);margin:22px 0 0;font-size:13px;font-weight:650}.app-glass-stage{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);min-width:0;box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #ffffffb3, 0 35px 90px color-mix(in srgb, var(--app-accent) 23%, transparent);background:linear-gradient(135deg,#ffffffc9,#ffffff5c);border:1px solid #fffd;border-radius:30px;padding:clamp(10px,2vw,24px);position:relative}.app-glass-stage .bildschirm{width:100%;max-width:100%;margin:0}.app-glass-stage .bildschirm-rahmen{border-radius:16px;overflow:hidden}.app-glass-stage img{width:100%;height:auto;display:block}.app-glass-orbit{z-index:-1;border:1px solid color-mix(in srgb, var(--app-accent) 26%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:-25px 10% 20%;transform:rotate(-18deg)}.app-glass-note{width:fit-content;max-width:100%;color:var(--app-deep);background:#ffffffbd;border:1px solid #ffffffdf;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin:18px auto 0;padding:12px 18px;font-size:13px;text-decoration:none;display:flex;box-shadow:0 5px 20px #182b3508}.app-glass-note svg{flex-shrink:0}.app-section{padding-block:var(--web-abschnitt-m)}.app-section-head{margin-bottom:var(--web-abschnitt-s)}.app-section-head .app-kicker{margin-bottom:16px}.app-heading{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2rem,3.4vw,3.5rem);font-weight:620;line-height:1.12}.app-pairs{border-top:1px solid #dce2e5}.app-pair{border-bottom:1px solid #dce2e5;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.app-problem{background:linear-gradient(115deg,#faf7f6,#fff);padding:32px 38px 32px 58px;position:relative}.app-step{color:#87625b;font-variant-numeric:tabular-nums;font-size:13px;position:absolute;top:32px;left:0}.app-label{letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.app-problem .app-label{color:#87625b}.app-problem h3{color:#565b61;margin:0;font-size:clamp(1.15rem,1.65vw,1.45rem);font-weight:500;line-height:1.5}.app-solution{background:linear-gradient(110deg, var(--app-tint), #fff);gap:18px;padding:32px;display:flex}.app-solution .app-label{color:var(--app-deep)}.app-solution>div>p:not(.app-label){margin:0;font-size:15px;line-height:1.8}.app-check{background:var(--app-deep);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;display:grid}.app-monday{background:linear-gradient(140deg, #f5f7f8, var(--app-tint));scroll-margin-top:110px}.app-day-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.app-day{padding:var(--web-karten-innen);border-radius:26px}.app-day h3{letter-spacing:-.03em;align-items:center;gap:12px;margin:0 0 28px;font-size:28px;display:flex}.app-day-before{color:#515c65;background:#edf0f2;border:1px solid #dce2e5}.app-day-after{box-shadow:inset 0 1px 0 #fff, 0 20px 60px color-mix(in srgb, var(--app-accent) 14%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffeb,#fff9);border:1px solid #fff}.app-day-after h3{color:var(--app-deep)}.app-day ol{counter-reset:scene;margin:0;padding:0;list-style:none}.app-day li{counter-increment:scene;padding:0 0 26px 30px;font-size:15px;line-height:1.8;position:relative}.app-day li:before{content:counter(scene, decimal-leading-zero);color:var(--app-muted);font-size:11px;position:absolute;top:2px;left:0}.app-usps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.app-usp{min-width:0;padding:var(--web-karten-innen);border:1px solid color-mix(in srgb, var(--app-accent) 18%, #fff);background:linear-gradient(145deg, var(--app-tint), #fff 80%);border-radius:26px;box-shadow:inset 0 1px #fff,0 10px 24px #182b3506}.app-usp:first-child{background:linear-gradient(155deg, var(--app-deep), #182b35);color:#fff;border-color:#0000}.app-usp-top{color:var(--app-deep);justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.app-usp-top span{letter-spacing:-.06em;font-size:48px;font-weight:350}.app-usp:first-child .app-usp-top{color:#fff}.app-usp h3{letter-spacing:-.025em;margin:0 0 20px;font-size:23px;line-height:1.3}.app-usp p{margin:0;font-size:15px;line-height:1.85}.app-news{border-block:1px solid color-mix(in srgb, var(--app-accent) 20%, #fff);background:linear-gradient(100deg, var(--app-tint), #fff)}.app-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.app-news-grid li{border-top:2px solid color-mix(in srgb, var(--app-accent) 65%, #fff);padding-top:20px}.app-news time{color:var(--app-deep);font-variant-numeric:tabular-nums;font-size:12px}.app-news h3{margin:12px 0 8px;font-size:17px;line-height:1.5}.app-news p{color:var(--app-muted);margin:0;font-size:14px;line-height:1.75}@keyframes app-aurora-flow{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(3%,2%)scale(1.07)}}@media (max-width:1000px){.app-hero-grid{grid-template-columns:minmax(0,1fr)}.app-hero-copy{min-width:0}.app-glass-stage{width:100%}.app-usps{grid-template-columns:minmax(0,1fr)}.app-usp-top{margin-bottom:24px}.app-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.app-title{font-size:clamp(2.1rem,8.8vw,3.1rem)}.app-pair,.app-day-grid,.app-news-grid{grid-template-columns:minmax(0,1fr)}.app-problem{padding:26px 20px 24px 38px}.app-step{top:26px}.app-solution{gap:12px;padding:26px 20px}.app-glass-stage{border-radius:20px}.app-glass-note{padding:10px 12px;font-size:12px}.app-actions{gap:18px}}@media (prefers-reduced-motion:reduce){.app-aurora{animation:none}.app-story .app-cta{transition:none}.app-story .app-cta:hover{transform:none}}.app-solution>div{flex:1;min-width:0}:root .website[data-website] .app-story .app-pair-bild{width:100%;max-width:100%;margin:24px 0 0}.app-pair-bild img{width:100%;height:auto;display:block}@media (min-width:1001px){.app-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)}}.app-hero-grid>*,.app-pair>*,.app-day-grid>*,.app-news-grid>*{min-width:0}.app-day-grid,.app-usps,.app-news-grid{gap:var(--web-raster-abstand);align-items:stretch}.app-day{flex-direction:column;align-items:flex-start;display:flex}.app-day>ol{flex:1;width:100%}.app-day>.app-cta{margin-top:24px}.app-day>.app-pair-bild{order:1}.app-day>.app-cta{order:2}:root .website[data-website] .app-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(160deg, transparent 10%, color-mix(in srgb, var(--web-akzent-hell) 65%, transparent) 75%, transparent);-webkit-mask-image:linear-gradient(180deg, var(--skin-tinte) 50%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, var(--skin-tinte) 50%, transparent 100%);mask-image:linear-gradient(180deg, var(--skin-tinte) 50%, transparent 100%);position:absolute;inset:0}:root .website[data-website] .app-aurora{background:radial-gradient(ellipse at 75% 35%, color-mix(in srgb, var(--web-akzent) 38%, transparent), transparent 45%), radial-gradient(ellipse at 40% 70%, color-mix(in srgb, var(--web-akzent) 22%, transparent), transparent 48%);-webkit-mask-image:linear-gradient(180deg, var(--skin-tinte) 35%, transparent 88%);-webkit-mask-image:linear-gradient(180deg, var(--skin-tinte) 35%, transparent 88%);mask-image:linear-gradient(180deg, var(--skin-tinte) 35%, transparent 88%);inset:0}@media (min-width:701px) and (max-width:1100px){.app-usps,.app-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
:root .website[data-website] .start-paket{border:1px solid color-mix(in srgb, var(--app-accent,var(--web-akzent)) 35%, transparent);background:color-mix(in srgb, var(--app-accent,var(--web-akzent)) 9%, transparent);max-width:600px;color:var(--skin-tinte-2);border-radius:16px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:20px 0 0;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}:root .website[data-website] .start-paket-marke{background:color-mix(in srgb, var(--app-accent,var(--web-akzent)) 18%, transparent);color:var(--app-deep,var(--web-akzent-tief));white-space:nowrap;border-radius:999px;padding:2px 10px;font-weight:700}:root .website[data-website] .start-paket a{color:var(--app-deep,var(--web-akzent-tief));text-underline-offset:3px;white-space:nowrap;align-items:center;gap:4px;font-weight:650;text-decoration:underline;display:inline-flex}:root .website[data-website] .price-content>.start-paket{justify-self:start;margin:0}