.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 visible}.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))}}
.online-seite{--online:var(--skin-produkt-online-akzent,#c2549e);--online-tief:color-mix(in srgb, var(--online) 62%, #2a1022);--online-hell:color-mix(in srgb, var(--online) 9%, #fff);--online-linie:color-mix(in srgb, var(--online) 22%, #e6e1e8);--online-ink:#1f1a2b;--online-muted:#5b5468;color:var(--online-ink)}.app-story[data-app=online]{--app-accent:var(--online);--app-deep:var(--online-tief)}.online-seite .web-eyebrow{color:var(--online-tief)}.online-seite .web-copy{max-width:62ch}.online-seite h3{margin:0 0 8px;font-size:1.08rem;font-weight:650;line-height:1.3}.online-seite a:focus-visible{outline:3px solid var(--online-tief);outline-offset:4px;border-radius:8px}.online-preiszeile{color:var(--online-tief);align-items:center;gap:8px;margin:22px 0 0;font-size:14px;font-weight:650;display:flex}.online-vergleich{min-width:0;margin:0;padding:0 0 48px;position:relative}.online-vergleich img{width:100%;height:auto;display:block}.online-vorher,.online-nachher{background:#fff;border:1px solid #ffffffd9;border-radius:18px;position:relative;overflow:hidden}.online-vorher{filter:saturate(.85);width:58%;box-shadow:0 14px 40px #1f1a2b1a}.online-nachher{width:82%;box-shadow:0 30px 80px color-mix(in srgb, var(--online) 30%, transparent), 0 6px 18px #1f1a2b14;margin:-22% 0 0 auto}.online-etikett{z-index:1;color:var(--online-muted);letter-spacing:.04em;background:#ffffffe6;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #1f1a2b14}.online-etikett-neu{background:var(--online-tief);color:#fff}.online-handy{background:#fff;border:5px solid #1f1a2b;border-radius:18px;position:absolute;bottom:0;left:4%;box-shadow:0 20px 50px #1f1a2b33;width:22%!important}.online-muster{color:var(--online-muted);font-size:12px;position:absolute;bottom:8px;right:0}.online-zahlen{padding:0 0 var(--web-abschnitt-m);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;list-style:none;display:grid}.online-zahlen li{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#fffc,#ffffff80);border:1px solid #ffffffd9;border-radius:20px;flex-direction:column;gap:4px;padding:20px 22px;display:flex;box-shadow:0 8px 26px #1f1a2b0d}.online-zahlen strong{letter-spacing:-.03em;color:var(--online-tief);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700}.online-zahlen span{color:var(--online-muted);font-size:14px;line-height:1.45}.online-video .web-copy{margin-bottom:24px}.online-raster{gap:18px;margin-top:32px;display:grid}.online-raster-drei{grid-template-columns:repeat(3,minmax(0,1fr))}.online-raster-vier{grid-template-columns:repeat(4,minmax(0,1fr))}.online-karte{border:1px solid var(--online-linie);background:#fff;border-radius:22px;min-width:0;padding:26px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 22px #1f1a2b0a}.online-karte:hover{box-shadow:0 14px 34px color-mix(in srgb, var(--online) 16%, transparent);transform:translateY(-3px)}.online-karte p{color:var(--online-muted);margin:0;font-size:15px;line-height:1.6}.online-symbol{background:var(--online-hell);width:46px;height:46px;color:var(--online-tief);border-radius:14px;place-items:center;margin-bottom:18px;display:inline-grid}.online-band{background:linear-gradient(180deg, var(--online-hell), #fff)}.online-band-dunkel{background:radial-gradient(ellipse at 85% 0%, color-mix(in srgb, var(--online) 45%, transparent), transparent 55%), #1f1a2b;color:#fff}.online-band-dunkel .web-eyebrow{color:color-mix(in srgb, var(--online) 55%, #fff)}.online-band-dunkel .web-heading,.online-band-dunkel .web-copy{color:#fff}.online-band-dunkel .online-karte{box-shadow:none;background:#ffffff0f;border-color:#ffffff24}.online-band-dunkel .online-karte p{color:#e9e3ef}.online-band-dunkel .online-symbol{color:#fff;background:#ffffff1a}.online-ohne{color:#fff;align-items:center;gap:10px;margin:28px 0 0;font-weight:650;display:flex}.online-schritte{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:32px 0 0;padding:0;list-style:none;display:grid}.online-schritte li{border:1px solid var(--online-linie);background:#fff;border-radius:22px;min-width:0;padding:26px;position:relative}.online-schritte p{color:var(--online-muted);margin:0;font-size:15px;line-height:1.6}.online-nummer{background:var(--online-tief);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:16px;font-weight:700;display:inline-grid}.online-danach{color:var(--online-tief);align-items:center;gap:10px;margin:26px 0 0;font-weight:650;display:flex}.online-mail-preis{border:1px solid var(--online-linie);background:#fff;border-radius:22px;gap:6px;margin:28px 0 0;padding:22px 26px;display:grid}.online-mail-preis p{margin:0}.online-mail-betrag{color:var(--online-tief);align-items:center;gap:10px;font-size:18px;display:flex}.online-mail-regel{font-weight:650}.online-ki{gap:var(--web-raster-abstand);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.online-chips{flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.online-chips li{background:var(--online-hell);color:var(--online-tief);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.online-chat{border:1px solid var(--online-linie);min-width:0;box-shadow:0 30px 80px color-mix(in srgb, var(--online) 20%, transparent);background:#fff;border-radius:26px;margin:0;overflow:hidden}.online-chat-kopf{border-bottom:1px solid var(--online-linie);background:var(--online-hell);color:var(--online-tief);align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:650;display:flex}.online-chat-verlauf{flex-direction:column;gap:14px;padding:22px;display:flex}.online-blase{border-radius:18px;max-width:88%;margin:0;padding:12px 16px;font-size:15px;line-height:1.5}.online-blase-du{background:var(--online-tief);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.online-blase-ki{background:#f4f1f6;border-bottom-left-radius:6px;align-self:flex-start;gap:10px;display:flex}.online-blase-wer{background:var(--online);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:inline-grid}.online-vorschau{border:1px dashed var(--online-linie);background:#fcfafd;border-radius:16px;padding:14px 16px}.online-vorschau-titel{letter-spacing:.06em;text-transform:uppercase;color:var(--online-muted);margin:0 0 6px;font-size:12px;font-weight:700}.online-vorschau-zeile{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:0;font-size:15px;display:flex}.online-chat-aktion{justify-content:flex-end;margin:0;display:flex}.online-chat-knopf{background:var(--online);color:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:650;display:inline-flex}.online-chat-status{color:#2f7a55;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.online-vorteile{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:28px 0 0;padding:0;list-style:none;display:grid}.online-vorteile li{border-bottom:1px solid var(--online-linie);align-items:flex-start;gap:12px;padding:14px 0;font-size:16px;font-weight:600;display:flex}.online-vorteile svg{color:var(--online);flex-shrink:0;margin-top:2px}.online-preis{gap:var(--web-raster-abstand);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.online-vergleichszeile{color:var(--online-muted);margin:18px 0 0;font-size:1.1rem;line-height:1.6}.online-preiskarte{background:linear-gradient(160deg, #fff, var(--online-hell));border:1px solid var(--online-linie);box-shadow:0 30px 80px color-mix(in srgb, var(--online) 18%, transparent);border-radius:28px;padding:clamp(24px,4vw,40px)}.online-betrag{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;display:flex}.online-betrag strong{letter-spacing:-.04em;color:var(--online-tief);font-size:clamp(2.6rem,5vw,3.6rem);font-weight:700}.online-betrag span{color:var(--online-muted);font-weight:600}.online-inklusive{margin:6px 0 18px;font-weight:650}.online-null{background:var(--online-tief);color:#fff;border-radius:16px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 20px;padding:14px 18px;display:flex}.online-null strong{letter-spacing:-.03em;font-size:clamp(1.7rem,3.4vw,2.2rem);font-weight:700;line-height:1}.online-null span{font-weight:600;line-height:1.4}.online-preiskarte ul{gap:10px;margin:0 0 24px;padding:0;list-style:none;display:grid}.online-preiskarte li{color:var(--online-muted);align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.online-preiskarte li svg{color:var(--online);flex-shrink:0;margin-top:3px}.online-knopf{background:linear-gradient(135deg, var(--online-tief), var(--online));color:#fff;box-shadow:0 10px 26px color-mix(in srgb, var(--online) 30%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-size:15px;font-weight:650;text-decoration:none;transition:transform .2s;display:inline-flex}.online-knopf:hover{transform:translateY(-2px)}.online-textlink{color:var(--online-tief);text-underline-offset:4px;align-items:center;gap:6px;margin-left:18px;font-size:15px;font-weight:600;display:inline-flex}.online-schluss{margin-top:var(--web-abschnitt-m);background:radial-gradient(ellipse at 90% 10%, color-mix(in srgb, var(--online) 22%, transparent), transparent 60%), var(--online-hell);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(24px,4vw,44px);display:flex}.online-schluss .web-copy{margin:10px 0 0}.online-schluss-aktionen{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@media (max-width:1000px){.online-raster-vier,.online-schritte,.online-zahlen,.online-raster-drei{grid-template-columns:repeat(2,minmax(0,1fr))}.online-ki,.online-preis{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.online-raster-vier,.online-raster-drei,.online-schritte,.online-vorteile,.online-zahlen{grid-template-columns:minmax(0,1fr)}.online-karte,.online-schritte li{padding:22px}.online-handy{border-width:4px;width:26%!important}.online-textlink{margin-left:0}.online-knopf{width:100%}}@media (prefers-reduced-motion:reduce){.online-karte,.online-knopf{transition:none}.online-karte:hover,.online-knopf:hover{transform:none}}