@property --dach-akzent{syntax:"<color>";inherits:true;initial-value:#0000}:root .website[data-website] main:has(>.dach-hero){--dach-hr:var(--skin-produkt-hr-akzent);--dach-finance:var(--skin-produkt-finance-akzent);--dach-qms:var(--skin-produkt-qms-akzent);--dach-docu:var(--skin-produkt-docu-akzent);--dach-sales:var(--skin-produkt-sales-akzent);--dach-petrol:var(--skin-produkt-kmu-akzent);--dach-tief:color-mix(in srgb, var(--dach-petrol) 34%, var(--skin-tinte))}:root .website[data-website] main:has(>.dach-hero) :is(.web-title,.web-heading){letter-spacing:-.045em;font-weight:700}:is(:root .website[data-website] main:has(>.dach-hero) .familie-abschnitt-kopf>.web-copy,:root .website[data-website] main:has(>.dach-hero) .familie-abschnitt-kopf .web-copy){max-width:60ch}:root .website[data-website] .dach-hero{isolation:isolate;background:0 0;border-bottom:0;position:relative;overflow:hidden}:root .website[data-website] .dach-aurora{z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg, var(--skin-tinte) 55%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, var(--skin-tinte) 55%, transparent 100%);mask-image:linear-gradient(180deg, var(--skin-tinte) 55%, transparent 100%);position:absolute;inset:-20% -10% 0}:root .website[data-website] .dach-aurora i{opacity:.55;background:radial-gradient(circle at center, color-mix(in srgb, var(--web-akzent) 70%, transparent) 0%, transparent 62%);border-radius:50%;width:58vmax;height:58vmax;position:absolute}:root .website[data-website] .dach-aurora i[data-produkt=hr]{top:-18%;left:-14%}:root .website[data-website] .dach-aurora i[data-produkt=finance]{opacity:.42;top:30%;left:22%}:root .website[data-website] .dach-aurora i[data-produkt=qms]{opacity:.42;top:-26%;right:16%}:root .website[data-website] .dach-aurora i[data-produkt=docu]{top:4%;right:-16%}:root .website[data-website] .dach-aurora i[data-produkt=sales]{opacity:.36;top:46%;left:48%}:root .website[data-website] .dach-aurora:after{content:"";background:linear-gradient(100deg, color-mix(in srgb, var(--skin-weiss) 78%, transparent) 0%, color-mix(in srgb, var(--skin-weiss) 40%, transparent) 46%, transparent 70%), linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--dach-petrol) 16%, var(--skin-weiss)) 100%);position:absolute;inset:0}:root .website[data-website] main:has(>.dach-hero) .dach-knopf{background:var(--dach-tief);color:var(--skin-weiss);box-shadow:0 12px 30px color-mix(in srgb, var(--dach-petrol) 34%, transparent)}:root .website[data-website] .dach-umschalter{--dach-akzent:var(--web-akzent);transition:--dach-akzent .6s var(--web-ease);min-width:0}:root .website[data-website] .dach-tafeln{display:grid}:root .website[data-website] .dach-tafel{opacity:0;visibility:hidden;min-width:0;transition:opacity .45s var(--web-ease), transform .45s var(--web-ease), visibility 0s .45s;grid-area:1/1;transform:translateY(8px)scale(.985)}:root .website[data-website] .dach-tafel[data-aktiv]{opacity:1;visibility:visible;transition-delay:0s;transform:none}:root .website[data-website] .dach-reiter{flex-wrap:wrap;gap:8px;display:flex}:root .website[data-website] .dach-reiter [role=tab]{border:1px solid color-mix(in srgb, var(--web-akzent) 30%, var(--skin-weiss));background:color-mix(in srgb, var(--skin-weiss) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:99px;align-items:center;min-height:44px;padding:0 16px;font-size:16px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}:root .website[data-website] .dach-reiter [role=tab][aria-selected=true]{border-color:var(--web-akzent);background:var(--skin-weiss);box-shadow:0 0 0 1px var(--web-akzent), 0 8px 22px color-mix(in srgb, var(--web-akzent) 30%, transparent)}:root .website[data-website] .dach-reiter [role=tab]:focus-visible{outline:3px solid var(--web-akzent-tief);outline-offset:2px}@media (prefers-reduced-motion:no-preference){:root .website[data-website] .dach-aurora i{will-change:transform;animation:26s ease-in-out infinite alternate dach-fliessen}:root .website[data-website] .dach-aurora i:nth-child(2){animation-duration:31s;animation-delay:-6s}:root .website[data-website] .dach-aurora i:nth-child(3){animation-duration:23s;animation-delay:-11s}:root .website[data-website] .dach-aurora i:nth-child(4){animation-duration:29s;animation-delay:-3s}:root .website[data-website] .dach-aurora i:nth-child(5){animation-duration:34s;animation-delay:-15s}}@media (prefers-reduced-motion:reduce){:root .website[data-website] :is(.dach-tafel,.dach-umschalter,.dach-reiter [role=tab]){transition:none}:root .website[data-website] .dach-tafel{transform:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:root .website[data-website] .dach-reiter [role=tab]:hover{border-color:var(--web-akzent)}}@keyframes dach-fliessen{0%{transform:translate(0,0)scale(1)}50%{transform:translate(6%,4%)scale(1.08)}to{transform:translate(-5%,7%)scale(.96)}}@media (max-width:720px){:root .website[data-website] .dach-reiter{flex-wrap:wrap;padding:4px}:root .website[data-website] .dach-reiter [role=tab]{flex-shrink:0;padding:0 12px;font-size:14px}}@media (max-width:760px) and (prefers-reduced-motion:reduce){:root .website[data-website] .dach-aurora i{will-change:auto;animation:none!important}}:root .website[data-website] [data-office] .office-bild{width:100%;max-width:none;margin:0 0 var(--web-abschnitt-s)}:root .website[data-website] [data-office] .familie-dreier{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}:root .website[data-website] .dach-teil{margin-top:var(--web-abschnitt-s)}:root .website[data-website] .dach-inhaltsreiter{min-width:0}:root .website[data-website] .dach-inhaltsreiter>.dach-reiter{gap:var(--web-raster-abstand);margin-bottom:var(--web-abschnitt-s);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:stretch;padding:0;display:grid}:root .website[data-website] .dach-inhaltsreiter>.dach-reiter [role=tab]{text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;justify-content:center;min-width:0}:root .website[data-website] .dach-inhaltsreiter>.dach-reiter [aria-selected=true]{box-shadow:inset 0 0 0 1px var(--web-akzent)}:root .website[data-website] .dach-inhaltsreiter>[role=tabpanel]{min-width:0}:root .website[data-website] .dach-inhaltsreiter>[role=tabpanel][hidden]{display:none}:root .website[data-website] :is(#office,#mitarbeiter-app,#kein-lock-in,#kein-lock-in-titel,#office-titel,#mitarbeiter-app-titel){scroll-margin-top:110px}:root .website[data-website] .produkt-hero{aspect-ratio:8/5;isolation:isolate;border:1px solid var(--skin-weiss);width:100%;height:100%;color:var(--skin-tinte);background:radial-gradient(ellipse at 12% 12%, var(--skin-produkt-finance-akzent-hell), transparent 65%), radial-gradient(ellipse at 95% 80%, var(--skin-produkt-hr-akzent-hell), transparent 65%), var(--skin-grund);box-shadow:inset 0 1px 0 var(--skin-weiss), 0 24px 64px -28px color-mix(in srgb, var(--skin-tinte) 20%, transparent);border-radius:26px;position:relative;overflow:hidden;container-type:inline-size}:root .website[data-website] .produkt-hero-motto{letter-spacing:.04em;color:var(--skin-tinte-2);margin:0;font-size:clamp(10px,1.65cqw,13px);font-weight:600;position:absolute;inset:4% 6% auto}:root .website[data-website] .produkt-hero-fenster{border:1px solid var(--skin-weiss);background:var(--skin-grund);box-shadow:0 16px 40px -18px color-mix(in srgb, var(--skin-tinte) 20%, transparent);border-radius:18px;position:absolute;inset:10% 4% 20%;overflow:hidden}:root .website[data-website] .produkt-hero-kopf{border-bottom:1px solid var(--web-line);background:var(--skin-weiss);align-items:center;gap:10px;height:12%;min-height:26px;padding-inline:3%;display:flex}:root .website[data-website] .produkt-hero-kopf>.website-marke{letter-spacing:-.035em;font-size:clamp(12px,2cqw,17px)}:root .website[data-website] .produkt-hero-kopf>span:last-child{color:var(--skin-tinte-2);margin-left:auto;font-size:clamp(10px,1.4cqw,12px)}:root .website[data-website] .produkt-hero-punkte{gap:4px;display:flex}:root .website[data-website] .produkt-hero-punkte i{background:var(--skin-linie-kraeftig);border-radius:50%;width:5px;height:5px}:root .website[data-website] .produkt-hero-inhalt{flex-direction:column;height:88%;min-height:0;padding:1.8cqw 0 0;display:flex}:root .website[data-website] .produkt-hero-titel{letter-spacing:-.04em;flex-shrink:0;margin:0 2.5cqw 1.2cqw;font-size:clamp(14px,2.3cqw,20px);font-weight:650;line-height:1.2}:root .website[data-website] .produkt-hero-ausschnitte{flex:1;min-height:0;position:relative;container-type:size}:root .website[data-website] .produkt-hero figure{box-sizing:border-box;border:1px solid var(--skin-weiss);background:var(--skin-grund);min-width:0;box-shadow:0 6px 18px var(--skin-tinte-a1a);border-radius:12px;margin:0}:root .website[data-website] .produkt-hero figcaption{z-index:1;border:1px solid var(--skin-weiss);background:linear-gradient(135deg, color-mix(in srgb, var(--skin-weiss) 96%, transparent), color-mix(in srgb, var(--web-akzent-hell) 94%, transparent));max-width:calc(100% - 24px);box-shadow:0 4px 16px var(--skin-tinte-a06);color:var(--skin-tinte);border-radius:99px;padding:8px 12px;font-size:clamp(12px,1.8cqw,14px);font-weight:600;line-height:1.3;position:absolute;inset:auto 12px 12px auto}:root .website[data-website] .produkt-hero picture{border-radius:inherit;width:100%;height:100%;display:block;overflow:hidden}:root .website[data-website] .produkt-hero img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}:root .website[data-website] .produkt-hero-szene-3 img{object-position:left bottom}:root .website[data-website] .produkt-hero-szenen{pointer-events:none;position:absolute;inset:0}:root .website[data-website] .produkt-hero-szene{opacity:0;width:100%;height:100%;transition:opacity .4s var(--web-ease), transform .4s var(--web-ease);margin-inline:auto;position:absolute;inset:0;overflow:hidden;transform:translateY(6px)}:root .website[data-website] .produkt-hero-szene[data-aktiv]{opacity:1;transform:none}:root .website[data-website] .produkt-hero-muster{text-align:center;color:var(--skin-tinte-2);font-size:10px;position:absolute;inset:auto 0 17%}:root .website[data-website] .produkt-hero-pause{z-index:1;border:1px solid var(--skin-weiss);width:44px;height:44px;color:var(--skin-tinte);background:var(--skin-weiss);box-shadow:0 4px 16px var(--skin-tinte-a06);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:18px;right:18px}:root .website[data-website] .produkt-hero-pause:disabled{cursor:default}@container (max-width:580px){:root .website[data-website] .produkt-hero-kopf>span:last-child,:root .website[data-website] .produkt-hero-punkte{display:none}}@media (max-width:520px){:root .website[data-website] .produkt-hero{aspect-ratio:1;border-radius:22px}:root .website[data-website] .produkt-hero-motto{display:none}:root .website[data-website] .produkt-hero-fenster{border-radius:14px;inset:7% 4% 24%}:root .website[data-website] .produkt-hero-inhalt{padding:12px 0 0}:root .website[data-website] .produkt-hero-titel{margin:0 10px 14px;font-size:15px}:root .website[data-website] .produkt-hero figcaption{font-size:12px}:root .website[data-website] .produkt-hero-muster{bottom:18%}:root .website[data-website] .produkt-hero-pause{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){:root .website[data-website] .produkt-hero .produkt-hero-szene{opacity:0;transition:none;transform:none}:root .website[data-website] .produkt-hero .produkt-hero-szene-1{opacity:1}}html[data-leistung=ruhig] .website[data-website] .produkt-hero .produkt-hero-szene{opacity:0;transition:none;transform:none}html[data-leistung=ruhig] .website[data-website] .produkt-hero .produkt-hero-szene-1{opacity:1}@media (prefers-reduced-transparency:reduce),(max-width:640px){:root .website[data-website] .dach-reiter [role=tab]{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb, var(--skin-weiss) 96%, transparent)}}.website[data-website] :where(main:has(>.dach-hero) p,main:has(>.dach-hero) dd){max-inline-size:65ch}:root .website[data-website] .dach-offerte{margin-top:40px}:root .website[data-website] .dach-offerte>h3{max-width:32ch;font-size:clamp(22px,2.6vw,30px)}:root .website[data-website] .dach-offerte-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px;display:grid}:root .website[data-website] .dach-offerte-raster>div{border:1px solid var(--familie-glas-rand);background:var(--familie-glas);box-shadow:var(--familie-glas-schatten);border-radius:20px;padding:clamp(20px,2.6vw,30px);line-height:1.6}:root .website[data-website] .dach-offerte-raster>[data-seite=base]{border-top:3px solid var(--web-akzent)}:root .website[data-website] .dach-offerte-kopf{color:var(--web-muted);font-size:14px;font-weight:650}:root .website[data-website] .dach-offerte-betrag{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:8px 0 12px;font-size:16px;display:flex}:root .website[data-website] .dach-offerte-betrag strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(34px,4.6vw,56px);font-weight:700;line-height:1}:root .website[data-website] .dach-offerte-raster>[data-seite=base] .dach-offerte-betrag strong{color:var(--web-akzent-tief)}:root .website[data-website] .dach-offerte-quelle{color:var(--web-muted);max-width:90ch;margin-top:12px;font-size:12px}@media (max-width:900px){:root .website[data-website] .dach-offerte-raster{grid-template-columns:minmax(0,1fr)}}