.marketing-design{color:#0b0c0e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;min-height:100vh;font-family:DocuMarketingInter,Arial,sans-serif;line-height:1.6}.marketing-design>.marketing-page,.marketing-design>main{width:100%;max-width:none;margin:0;padding:0}.marketing-design .marketing-fragment{display:contents}.marketing-design .marketing-page>div:empty{display:none}.marketing-design .marketing-page:not(.subpage)>div{display:contents}.marketing-design .reveal{opacity:1;visibility:visible;transform:none}.marketing-design .booking-error{color:#333;border:1px solid #d6dce4;border-radius:12px;padding:14px;font-size:14px}.marketing-design .booking-status{color:#5b6574;padding:16px 0;font-size:14px}.marketing-design .time-slots button:disabled{cursor:wait;opacity:.5}.marketing-design>main.dm-landing{color:inherit;background:#fff;font-family:inherit}.marketing-design>main:before,.marketing-design .original-header:before{display:none}.marketing-design .marketing-booking-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:570px;padding:32px;display:flex!important}.marketing-design .marketing-booking-placeholder h3{font-size:25px;font-weight:500}.marketing-design .marketing-booking-placeholder p{color:#687484;font-size:14px}.marketing-design .feature-stories #verbunden:has(.datenwege-scene)>.story-copy{align-self:center;padding-top:0}.marketing-design .dm-landing.glaswerk .kopfleiste .nav-aktionen>:is(a,button),.marketing-design .dm-landing.glaswerk .kopfleiste .nav-aktionen>.nav-anmelden{font-weight:600}.marketing-design .pricing-note,.marketing-design .dm-landing .pricing-note{text-align:center;max-width:1050px;margin:32px auto 0;line-height:1.75}.marketing-design .ui-search{border-radius:999px}.marketing-design .plattform-download{margin-top:24px}.marketing-design .plattform-download .store-badges{justify-content:center}.marketing-design .app-benefit-list{counter-reset:app-vorteil;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:0;padding:0;list-style:none;display:grid}.marketing-design .app-benefit-list>li{counter-increment:app-vorteil;min-width:0}.marketing-design .app-benefit-list>li:before{content:counter(app-vorteil) ".";color:#0b0c0e;margin-bottom:16px;font-size:26px;font-weight:500;display:block}.marketing-design .app-benefit-list h3{color:#0b0c0e;margin:0 0 14px;font-size:24px;line-height:1.3}.marketing-design .app-benefit-list p{color:#617087;margin:0;font-size:16px;line-height:1.7}.marketing-design #inhalt :is(.ex-copy,.ex-feature-detail,.ex-workflow-heading,.product-flow-layout) h2,.marketing-design #inhalt :is(.ex-copy,.ex-feature-detail,.ex-workflow-heading,.product-flow-layout) h2>span{color:#0b0c0e}@media (max-width:767px){.marketing-design .app-benefit-list{grid-template-columns:minmax(0,1fr);gap:28px}}.marketing-design .product-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.marketing-design .product-capability-grid>article{background:#fff;border:1px solid #dce3ec;border-radius:20px;min-width:0;padding:28px;display:block;box-shadow:0 4px 16px -12px #253d5e33}.marketing-design .product-capability-grid h3{margin:0 0 12px;font-size:20px;line-height:1.35}.marketing-design .product-capability-grid p{margin:0}.marketing-design .product-capability-grid>article>.product-capability-icon{display:none}@media (max-width:1000px){.marketing-design .product-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.marketing-design .product-capability-grid{grid-template-columns:minmax(0,1fr);gap:16px}.marketing-design .product-capability-grid>article{padding:24px}}.marketing-design .ex-visual:not([data-visual-style])>.ex-detail-card{color:#253d5e;background:#fff;border-color:#c9d5e3}.marketing-design .ex-visual:not([data-visual-style]) :is(.ex-fields>div>span,.ex-profile>div>span,.ex-file-row small,.ex-proof,.ex-proof>div>span,.ex-approval,.ex-vehicle>div>span,.ex-checks>div,.ex-hours,.ex-meter-number small,.ex-meter-number>span,.ex-contract-kpis span,.ex-cost-total>span,.ex-cost-bars>div>span,.ex-energy span,.ex-mini-stages,.ex-story-row span,.topic-row>div>span){color:#52647b}.marketing-design .ex-visual:not([data-visual-style]) :is(.ex-capability-grid strong,.ex-cost-bars strong){color:#52647b!important}.marketing-design .ex-visual:not([data-visual-style]) :is(.topic-row-icon,.ex-story-row>svg,.ex-proof>svg,.ex-approval>svg,.ex-file-row>svg,.ex-file-row>span:first-child,.ex-vehicle>svg,.ex-energy>div>svg){color:#4970a9}.marketing-design .ex-visual:not([data-visual-style]) :is(.ex-badge,.ex-story-row small,.ex-mini-stages>.active){color:#2359a4;background-color:#edf4fd}.marketing-design .ex-visual:not([data-visual-style]) :is(.ex-badge.green,.ex-mini-stages>.done){color:#226240;background-color:#eaf6ee}.marketing-design .ex-visual:not([data-visual-style]) .ex-badge.amber{color:#7a4e12;background-color:#fff5e2}.marketing-design .ex-visual:not([data-visual-style]) .ex-booking-track>span{color:#fff;background-color:#3567bd}@media (max-width:700px){.marketing-design .marketing-booking-placeholder{min-height:720px;padding:22px}}.marketing-design .founder-typewriter-section .founder-person>div{gap:2px}.marketing-design .founder-typewriter-section .founder-person strong{line-height:1.2}.marketing-design .founder-typewriter-section .founder-person span{line-height:1.25}.marketing-design #inhalt :is(.page-hero,.product-page-hero){text-align:center;background:radial-gradient(64rem 40rem at 8% 4%,#c6dbffa6,#0000 55%),radial-gradient(56rem 42rem at 94% 22%,#dce8ffa6,#0000 58%),radial-gradient(60rem 44rem at 30% 68%,#dfeaff66,#0000 60%),linear-gradient(#f7faff,#eff5fe 65%,#fff)!important}.marketing-design .dm-landing .page-hero-grid,.marketing-design .entry-hero-grid{flex-direction:column;align-items:center;display:flex}.marketing-design .page-hero .page-hero-inner,.marketing-design .dm-landing.subpages-shell .page-hero .page-hero-inner{text-align:center;width:100%;max-width:1000px;margin-inline:auto}.marketing-design .page-hero h1,.marketing-design .dm-landing.subpages-shell .page-hero h1{text-align:center;max-width:1000px;margin-inline:auto}.marketing-design .page-hero .lead,.marketing-design .dm-landing.subpages-shell .page-hero .lead{text-align:center;max-width:760px;margin-inline:auto}.marketing-design .entry-hero .entry-actions,.marketing-design .entry-hero .entry-note,.marketing-design .dm-landing .page-hero .hero-meta{justify-content:center;margin-inline:auto}:is(.marketing-design #inhalt .page-hero .entry-hero-grid,.marketing-design #inhalt .page-hero .page-hero-grid:not(:has(.page-hero-bild,.page-hero-media,.page-hero-foto))){flex-direction:column;align-items:center;gap:32px;display:flex}.marketing-design #inhalt .page-hero .page-hero-inner{text-align:center;width:100%;max-width:1000px;margin-inline:auto}.marketing-design #inhalt .page-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:1000px;margin-inline:auto;font-size:clamp(34px,4.2vw,60px);font-weight:500;line-height:1.12}.marketing-design #inhalt .page-hero .lead{text-align:center;max-width:760px;margin:24px auto 0}.marketing-design #inhalt .entry-category{text-align:center;display:block}.marketing-design #inhalt .page-hero{padding-block:clamp(48px,5vw,80px)}.marketing-design #inhalt .ex-reading-nav{border:0;flex-wrap:wrap;justify-content:center;gap:8px;width:min(1184px,100% - 40px);margin:0 auto;padding:24px 0;display:flex}.marketing-design #inhalt .ex-reading-nav a{color:#50657d;border:1px solid #dce4ed;border-radius:999px;padding:8px 14px;font-size:13px;line-height:1.5}html.js .marketing-design #inhalt .reveal{opacity:1;visibility:visible;transform:none}.marketing-design #inhalt .schluss{padding:0}.marketing-design #inhalt .schluss-buehne{color:#142b46;padding:clamp(56px,7vw,96px) 20px;background:#f3f7fe!important}.marketing-design #inhalt .schluss-inhalt{text-align:center;width:100%;max-width:840px;margin:0 auto}.marketing-design #inhalt .schluss-inhalt h2{color:#142b46;letter-spacing:-.03em;font:500 clamp(30px,4vw,48px)/1.15 DocuMarketingInter,Arial,sans-serif}.marketing-design #inhalt .schluss-sub{color:#50657d;max-width:680px;margin:24px auto 0;font:400 17px/1.7 DocuMarketingInter,Arial,sans-serif}.marketing-design #inhalt .schluss-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.marketing-design #inhalt .schluss-ctas .btn{color:#fff;background:#141b24;border:1px solid #141b24}.marketing-design #inhalt .schluss-ctas .btn-hell{color:#142b46;background:0 0;border-color:#aabdd4}.marketing-design #inhalt .schluss-ctas{align-items:center;column-gap:28px}.marketing-design #inhalt .schluss-ctas>.text-button{color:#142b46;background:#fff;border:1px solid #dce2e8;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:15px 28px;font:450 15px/1.5 DocuMarketingInter,Arial,sans-serif;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #142b4608}.marketing-design #inhalt .schluss-ctas>.text-button svg{width:15px;height:15px}.marketing-design #inhalt .schluss-ctas>.text-button:hover{color:var(--blue);background:#fff;border-color:#aabdd4;text-decoration:none}@media (max-width:640px){.marketing-design #inhalt .page-hero .wrap{width:calc(100% - 40px)}.marketing-design #inhalt .ex-reading-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.marketing-design #inhalt .ex-reading-nav a{flex:none;max-width:260px}}.marketing-design .hero .software-picture.hero-window{max-width:none}.marketing-design .product-page-hero>.container:has(>h1){text-align:center}.marketing-design .onboarding-materials h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.marketing-design .ex-feature-point>summary>span{text-align:center;flex:0 0 24px;width:24px;height:24px;margin-inline:6px;line-height:24px}@media (max-width:700px){.marketing-design .dm-landing.subpages-shell .page-hero h1{-webkit-hyphens:auto;hyphens:auto}}.marketing-design .dm-landing.subpages-shell .preis-fakten{text-align:center;max-width:1050px;margin:32px auto 0;line-height:1.75}@media (max-width:700px){.marketing-design .dm-landing.subpages-shell .preis-fakten{margin-top:24px}}.marketing-design .sf-damage-column{border:0;padding:0}.marketing-design .sf-damage-column .sf-board-title{padding:12px 2px 16px}html[data-marketing-scroll-tempo=hoch] .marketing-design .kopfleiste:before{transition:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f7fafff5!important}.marketing-design .nav-schleier:not(.sichtbar){-webkit-backdrop-filter:none;backdrop-filter:none}.marketing-design #inhalt [data-nicht-verfuegbar]{width:100%;max-width:440px;margin:0}.marketing-design #inhalt [data-nicht-verfuegbar]>h3{color:var(--df-tinte);font:600 22px/1.25 var(--font-body);letter-spacing:-.025em;margin:0 0 12px}.marketing-design #inhalt [data-nicht-verfuegbar]>div>p{max-width:42ch;color:var(--df-grau-text);font:400 14px/1.65 var(--font-body);text-wrap:pretty;margin:0 0 20px}.marketing-design #inhalt [data-nicht-verfuegbar] a[href^=mailto\:]{border:1px solid var(--action);background:var(--action);width:fit-content;max-width:100%;min-height:44px;color:var(--on-action,#fff);font:500 14px/1.4 var(--font-body);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:11px 20px;text-decoration:none;display:inline-flex}.marketing-design #inhalt [data-nicht-verfuegbar] a[href^=mailto\:]:hover{border-color:var(--action-hover);background:var(--action-hover);color:var(--on-action,#fff)}.marketing-design #inhalt [data-nicht-verfuegbar] a[href^=mailto\:]:focus-visible{outline:2px solid var(--action);outline-offset:4px}.marketing-design #inhalt [data-nicht-verfuegbar] a[href^=mailto\:]>svg{width:16px;height:16px;color:inherit;flex:none}
.marketing-design{--marketing-wolke:radial-gradient(64rem 40rem at 8% 4%, #c6dbffd9, transparent 55%), radial-gradient(56rem 42rem at 94% 22%, #dce8ffcc, transparent 58%), radial-gradient(60rem 44rem at 30% 78%, #dfeaffa6, transparent 60%), linear-gradient(180deg, #f7faff, #eff5fe)}:root[data-marketing]{scroll-behavior:smooth;scroll-padding-top:100px}@media (prefers-reduced-motion:reduce){:root[data-marketing]{scroll-behavior:auto}}.marketing-design[data-marketing-home] #inhalt .original-closing .schluss-buehne{align-items:center;min-height:560px;padding:clamp(112px,10vw,160px) 0;display:grid;background:var(--marketing-wolke)!important}.marketing-design[data-marketing-home] .original-closing .schluss .schluss-inhalt{max-width:1000px}.marketing-design[data-marketing-home] .original-closing .schluss .schluss-inhalt h2{text-wrap:balance;margin-bottom:28px;font-size:clamp(38px,4.3vw,64px);line-height:1.12}.marketing-design[data-marketing-home] .original-closing .schluss .schluss-sub{max-width:760px;margin-bottom:36px;font-size:clamp(16px,1.4vw,20px)}@media (max-width:767px){:root[data-marketing],:root[data-marketing] body{height:auto;min-height:100%;overflow:visible}:root[data-marketing]{scroll-padding-top:calc(84px + env(safe-area-inset-top,0px));min-height:100lvh;scroll-padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}:root[data-marketing] body{background:#fff}.marketing-design{min-height:100lvh;overflow:clip visible}.marketing-design .original-footer footer{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.marketing-design .dm-landing.glaswerk .kopfleiste{padding-top:env(safe-area-inset-top,0px)}.marketing-design .dm-landing.glaswerk .kopfleiste .nav-innen{padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px))}.marketing-design .hero:before{top:calc(-68px - env(safe-area-inset-top,0px));background:var(--marketing-wolke)}.marketing-design .dm-landing .nav-links{max-height:calc(100dvh - 68px - env(safe-area-inset-top,0px));padding-bottom:max(20px, env(safe-area-inset-bottom,0px))}.marketing-design[data-marketing-home] #inhalt .original-closing .schluss-buehne{min-height:0;padding:88px 0 80px}}@media (max-width:760px){.marketing-design .product-section[data-produkt-mobil]{padding-block:32px 40px}.marketing-design .product-section[data-produkt-mobil] .section-heading{gap:12px;margin-bottom:20px}.marketing-design .product-section[data-produkt-mobil] .section-heading .eyebrow{margin-bottom:10px}.marketing-design .product-section[data-produkt-mobil] .section-heading h2{font-size:30px}.marketing-design .product-section[data-produkt-mobil] .section-heading>p{display:none}.marketing-design .product-section[data-produkt-mobil] .product-tabs{overscroll-behavior-x:contain;border:0;border-radius:0;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;margin:0;padding:4px 2px 10px;display:flex;overflow-x:auto}.marketing-design .product-section[data-produkt-mobil] .product-tabs button{flex:none;min-height:44px;padding:10px 16px}.marketing-design .product-section[data-produkt-mobil] .product-tabs button:before{display:none}.marketing-design .product-section[data-produkt-mobil] .shared-product-showcase{flex-direction:column;align-items:stretch;gap:16px;padding:0;display:flex}.marketing-design .product-section[data-produkt-mobil] .shared-software-frame{order:-1;margin:0}.marketing-design .product-section[data-produkt-mobil] .software-stage{padding:8px 0}.marketing-design .product-section[data-produkt-mobil] .product-copy-stack{display:block}.marketing-design .product-section[data-produkt-mobil] .product-panel[hidden]{display:none!important}.marketing-design .product-section[data-produkt-mobil] .product-copy h3{margin:0 0 12px;font-size:25px;line-height:1.2}.marketing-design .product-section[data-produkt-mobil] .product-copy h3 br{display:none}.marketing-design .product-section[data-produkt-mobil] .product-copy>p{margin:0;font-size:15px;line-height:1.6}.marketing-design .product-section[data-produkt-mobil] .produkt-details{margin-top:12px;display:block}.marketing-design .product-section[data-produkt-mobil] .produkt-details>summary{cursor:pointer;color:#3766f6;min-height:44px;padding-block:10px;font-size:14px;display:list-item}.marketing-design .product-section[data-produkt-mobil] .produkt-details>p{margin:4px 0 14px;font-size:15px}.marketing-design .product-section[data-produkt-mobil] .product-copy>.text-button{margin-top:4px;font-size:14px}}.marketing-design:not([data-marketing-home]) #inhalt :is(.page-hero,.product-page-hero){isolation:isolate;position:relative;overflow:visible;background:0 0!important}.marketing-design:not([data-marketing-home]) #inhalt :is(.page-hero,.product-page-hero):before{content:"";filter:none;z-index:-1;pointer-events:none;opacity:1;background:var(--marketing-wolke);border-radius:0;width:auto;height:auto;display:block;position:absolute;inset:-80px 0 0;transform:none}@media (max-width:767px){.marketing-design:not([data-marketing-home]) #inhalt :is(.page-hero,.product-page-hero):before{top:calc(-68px - env(safe-area-inset-top,0px))}}
.marketing-design .marketing-page .beispiel-einfahren{opacity:0;transition:none;transform:translateY(30px)}.marketing-design .marketing-page.beispiel-startklar .beispiel-einfahren{transition:opacity .9s,transform .9s}.marketing-design .marketing-page.beispiel-startklar .beispiel-einfahren.beispiel-grafik{transition-delay:.2s}.marketing-design .marketing-page .beispiel-einfahren.beispiel-sichtbar{opacity:1;transform:none}.marketing-design .marketing-page .beispiel-einfahren:focus-within,.marketing-design[data-marketing-home] .marketing-page .product-image.beispiel-einfahren{opacity:1;transition:none;transform:none}.marketing-design .beispiel-karte :is(.topic-row-icon,.ex-file-row>span,.ex-vehicle>svg){color:#4068f3}.marketing-design .beispiel-karte .ex-badge.blue{color:#2e5ae0;background:#e8efff}.marketing-design .beispiel-karte .ex-badge.green{color:#16794b;background:#dff5e8}.marketing-design .beispiel-karte .ex-badge.amber{color:#9c680c;background:#fff0ce}.marketing-design .beispiel-karte .ex-proof>svg,.marketing-design .beispiel-karte .ex-approval>svg{color:#4068f3}.marketing-design .beispiel-karte .ex-mini-stages .done{color:#16794b;background:#e3f6ec}.marketing-design .beispiel-karte .ex-mini-stages .active{color:#2e5ae0;background:#e8efff}.marketing-design .capture-mail-icon,.marketing-design .capture-document .document-icon{color:#4068f3;background:#eaf1ff}.marketing-design .capture-mail-icon{border-radius:10px;flex:none;width:36px;height:36px}.marketing-design .capture-filetype{color:#2e5ae0;background:#eaf1ff}.marketing-design .capture-scene .extracted-fields>div{border-radius:8px;transition:opacity .45s,transform .45s,background-color .45s}.marketing-design .motion-enabled .capture-scene[data-step="2"] [data-extract="3"]{opacity:.25;transform:translateY(2px)}.marketing-design .motion-enabled .capture-scene[data-step="1"] [data-extract="1"],.marketing-design .motion-enabled .capture-scene[data-step="2"] [data-extract="2"],.marketing-design .motion-enabled .capture-scene[data-step="3"] [data-extract="3"]{background:#eef4ff;box-shadow:0 0 0 5px #eef4ff}.marketing-design .capture-scene .scan-beam{background:linear-gradient(#0000,#567fff25,#567fff65,#0000);border:0;display:block}.marketing-design .motion-enabled .capture-scene[data-step="3"] .capture-result{color:#99660d}.marketing-design .motion-enabled .capture-scene[data-step="3"] .capture-result svg{color:#b67a12}.marketing-design .compliance-head .document-icon{color:#4068f3;background:#e8efff}.marketing-design .compliance-step .step-icon{transition:background-color .45s,color .45s,box-shadow .45s}.marketing-design .compliance-step.is-current .step-icon{color:#fff;background:#4068f3;border-color:#4068f3;box-shadow:0 0 0 5px #e8efff}.marketing-design .compliance-step.is-complete .step-icon{color:#16794b;background:#e0f5e9;border-color:#c6e9d5}.marketing-design .compliance-step.is-complete .stage-tick{color:#168551;transform:scale(1)}.marketing-design .compliance-step .stage-tick{transition:opacity .35s,transform .35s cubic-bezier(.16,1,.3,1);transform:scale(.7)}.marketing-design .finance-scene .chart-track>span{transform-origin:bottom}.marketing-design .motion-enabled .finance-scene .chart-track>span{animation:.9s cubic-bezier(.16,1,.3,1) both beispiel-balken-ein}.marketing-design .finance-scene .chart-column:nth-child(2) .chart-track>span{animation-delay:90ms}.marketing-design .finance-scene .chart-column:nth-child(3) .chart-track>span{animation-delay:.18s}.marketing-design .finance-scene .chart-column:nth-child(4) .chart-track>span{animation-delay:.27s}.marketing-design .finance-scene .chart-column:nth-child(5) .chart-track>span{animation-delay:.36s}.marketing-design .finance-scene .chart-column:nth-child(6) .chart-track>span{animation-delay:.45s}.marketing-design .finance-period{color:#2e5ae0;background:#eaf1ff}@keyframes beispiel-balken-ein{0%{opacity:.35;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}.marketing-design .motion-paused .animated-scene :before,.marketing-design .motion-paused .animated-scene :after,.marketing-design .animated-scene[data-scene]:not(.is-running) :before,.marketing-design .animated-scene[data-scene]:not(.is-running) :after{animation-play-state:paused!important}.marketing-design .software-scene [data-ui-item]{transition:background-color .45s,box-shadow .45s}.marketing-design .software-scene [data-ui-item].is-focused{background-color:#edf3ff;box-shadow:inset 0 0 0 1px #d1ddfd}.marketing-design .motion-enabled .software-scene.is-running [data-ui-panel]:not([hidden]){animation:.5s cubic-bezier(.16,1,.3,1) both beispiel-panel-ein}@keyframes beispiel-panel-ein{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.marketing-design .marketing-page .beispiel-einfahren{opacity:1!important;transition:none!important;transform:none!important}.marketing-design .finance-scene .chart-track>span{opacity:1!important;animation:none!important;transform:none!important}.marketing-design .capture-scene .scan-beam{display:none}}.marketing-design .product-tabs button>.product-tab-symbol{z-index:1;flex:0 0 19px;place-items:center;width:19px;height:19px;display:inline-grid;position:relative}.marketing-design .product-tab-symbol>svg{width:100%;height:100%;transition:opacity .16s}.marketing-design .product-tab-symbol>.product-tab-pause{fill:currentColor;opacity:0;position:absolute;inset:0}.marketing-design .product-tabs button[aria-selected=true][data-autoplay-paused=true] .product-tab-symbol>svg{opacity:0}.marketing-design .product-tabs button[aria-selected=true][data-autoplay-paused=true] .product-tab-symbol>.product-tab-pause{opacity:1}@media (max-width:760px){.marketing-design .product-tabs button>.product-tab-symbol{flex-basis:17px;width:17px}}.marketing-design .capture-scene .capture-result{box-sizing:border-box;border-radius:10px;align-items:flex-start;min-height:58px;padding:12px;transition:background-color .4s,color .4s}.marketing-design .capture-result-copy{gap:3px;line-height:18px;display:grid}.marketing-design .capture-result>svg{width:18px;height:18px}.marketing-design .capture-result .capture-freigabe{visibility:hidden;font-size:10px;line-height:1.4}.marketing-design .capture-result>.capture-complete-icon{display:none}.marketing-design .capture-scene[data-step="4"] .capture-result{color:#16794b;background:#e5f6ec;border-top-color:#0000}.marketing-design .capture-scene[data-step="4"] .capture-result>.capture-search-icon{display:none}.marketing-design .capture-scene[data-step="4"] .capture-result>.capture-complete-icon{color:#168551;display:block}.marketing-design .capture-scene[data-step="4"] .capture-freigabe{visibility:visible}.marketing-design .capture-scene[data-step="4"] .extracted-fields>div{opacity:1;transform:none}.marketing-design .capture-scene[data-step="4"] .scene-progress>.is-current{background:#168551}
.marketing-design #inhalt .hat-marketing-wolke{isolation:isolate;position:relative;background:0 0!important}.marketing-design #inhalt .hat-marketing-wolke:before{display:none!important}.marketing-design #inhalt .hat-marketing-wolke>.marketing-wolke{pointer-events:none;z-index:-1;contain:paint;--wolken-groesse:clamp(420px, 53vw, 760px);--wolken-weichheit:clamp(80px, 9.7vw, 140px);background:linear-gradient(#fafcff,#fff 55%,#fafcff);position:absolute;inset:-80px 0 0;overflow:hidden}.marketing-design #inhalt .schluss-buehne>.marketing-wolke{top:0}.marketing-wolke>.wolken-einflug{animation:4.6s cubic-bezier(.16,1,.3,1) both paused marketing-wolke-einflug-a;position:absolute;inset:0}.marketing-wolke .wolken-kern{width:var(--wolken-groesse);aspect-ratio:1;--wolken-farbe:#c6dbff80;border-radius:50%;animation:24s ease-in-out -4s infinite paused marketing-wolke-drift-a;position:absolute;top:-128px;left:-96px}.marketing-wolke .wolken-kern:before{content:"";inset:calc(-1 * var(--wolken-weichheit));background:radial-gradient(ellipse, var(--wolken-farbe) 0%, transparent 70%);position:absolute}.marketing-wolke>.wolken-einflug:is(:nth-child(2),:nth-child(4),:nth-child(8)){animation-name:marketing-wolke-einflug-b;animation-duration:5.4s}.marketing-wolke>.wolken-einflug:is(:nth-child(3),:nth-child(6)){animation-name:marketing-wolke-einflug-c;animation-duration:5s}.marketing-wolke>.wolken-einflug:nth-child(2)>.wolken-kern{--wolken-farbe:#9ec5ff4d;animation:29s ease-in-out -8s infinite paused marketing-wolke-drift-b;top:0;left:auto;right:0}.marketing-wolke>.wolken-einflug:nth-child(3)>.wolken-kern{width:calc(var(--wolken-groesse) * .95);--wolken-farbe:#dfeaff8c;animation:22s ease-in-out -14s infinite paused marketing-wolke-drift-c;top:96px;left:33%}.marketing-wolke>.wolken-einflug:nth-child(4)>.wolken-kern{width:calc(var(--wolken-groesse) * .84);--wolken-farbe:#6fa6ff29;animation:26s ease-in-out -18s infinite reverse paused marketing-wolke-drift-b;top:50%;left:auto;right:-40px}.marketing-wolke>.wolken-einflug:nth-child(5)>.wolken-kern{width:calc(var(--wolken-groesse) * .84);--wolken-farbe:#c6dbff4d;animation:32s ease-in-out -6s infinite reverse paused marketing-wolke-drift-c;inset:auto 25% 32px auto}.marketing-wolke>.wolken-einflug:nth-child(6)>.wolken-kern{width:calc(var(--wolken-groesse) * .82);--wolken-farbe:#ffffffd9;animation:22s ease-in-out -14s infinite paused marketing-wolke-drift-c;top:-64px;left:25%}.marketing-wolke>.wolken-einflug:nth-child(7)>.wolken-kern{width:calc(var(--wolken-groesse) * .92);--wolken-farbe:#fffc;top:auto;bottom:64px;left:-64px}.marketing-wolke>.wolken-einflug:nth-child(8)>.wolken-kern{width:calc(var(--wolken-groesse) * .74);--wolken-farbe:#fffc;animation:29s ease-in-out -8s infinite paused marketing-wolke-drift-b;top:50%;left:42%}.wolke-laeuft>.marketing-wolke :is(.wolken-einflug,.wolken-kern){animation-play-state:running}@keyframes marketing-wolke-einflug-a{0%{transform:translate(-110%,55%)rotate(-10deg)scale(1.3)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes marketing-wolke-einflug-b{0%{transform:translate(95%,-70%)rotate(9deg)scale(1.35)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes marketing-wolke-einflug-c{0%{transform:translate(-70%,-95%)rotate(7deg)scale(.7)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes marketing-wolke-drift-a{0%,to{transform:translate(0)rotate(0)scale(1)}22%{transform:translate(48%,18%)rotate(6deg)scale(1.16,.9)}45%{transform:translate(22%,52%)rotate(-5deg)scale(.92,1.12)}68%{transform:translate(-38%,24%)rotate(4deg)scale(1.1,.95)}86%{transform:translate(-16%,-20%)rotate(-3deg)scale(.96,1.06)}}@keyframes marketing-wolke-drift-b{0%,to{transform:translate(0)rotate(0)scale(1)}18%{transform:translate(-34%,-40%)rotate(-6deg)scale(.94,1.14)}42%{transform:translate(-62%,14%)rotate(5deg)scale(1.12,.92)}64%{transform:translate(-12%,50%)rotate(-4deg)scale(1.05,1.08)}84%{transform:translate(26%,16%)rotate(4deg)scale(.92,1.02)}}@keyframes marketing-wolke-drift-c{0%,to{transform:translate(0)rotate(0)scale(1)}26%{transform:translate(34%,-46%)rotate(5deg)scale(.9,1.12)}48%{transform:translate(58%,8%)rotate(-6deg)scale(1.14,.94)}70%{transform:translate(14%,40%)rotate(4deg)scale(1.02,1.1)}88%{transform:translate(-26%,8%)rotate(-2deg)scale(1.08,.92)}}@media (max-width:767px){.marketing-design #inhalt .hat-marketing-wolke>.marketing-wolke{top:calc(-68px - env(safe-area-inset-top,0px))}.marketing-design #inhalt .schluss-buehne>.marketing-wolke{top:0}}@media (prefers-reduced-motion:reduce),print{.marketing-wolke :is(.wolken-einflug,.wolken-kern){opacity:1;transform:none;animation:none!important}}html.js .marketing-design #inhalt :is(.hero,.page-hero,.product-page-hero,.schluss-buehne):not(.hat-marketing-wolke){background:#fff!important}html.js .marketing-design #inhalt :is(.hero,.page-hero,.product-page-hero,.schluss-buehne):not(.hat-marketing-wolke):before{display:none!important}.marketing-design .dm-landing.glaswerk.existing-shell{animation:none}
@supports (container-type:inline-size) and (transform:scale(calc(100cqw / 1440px))){.marketing-design [data-software-viewport]{container-type:inline-size}.marketing-design [data-software-canvas][data-canvas-width="1440"]{--software-scale:calc(100cqw / 1440px)}.marketing-design [data-software-canvas][data-canvas-width="390"]{--software-scale:calc(100cqw / 390px)}}@supports ((-moz-appearance:none)) and (container-type:inline-size) and (transform:scale(tan(atan2(1px, 2px)))){.marketing-design [data-software-viewport]{container-type:inline-size}.marketing-design [data-software-canvas][data-canvas-width="1440"]{--software-scale:tan(atan2(100cqw, 1440px))}.marketing-design [data-software-canvas][data-canvas-width="390"]{--software-scale:tan(atan2(100cqw, 390px))}}@supports not ((transform:scale(calc(100cqw / 1440px))) or (appearance:none)){.marketing-design [data-software-canvas]:not([style*=--software-scale]){visibility:hidden}}.marketing-design [data-software-canvas] img{color:#0000}:root .marketing-design .software-picture .ui-app [data-feature-view=kosten] .sf-chart-columns>[data-kosten-monat]{cursor:pointer;outline-offset:5px;position:relative}:root .marketing-design .software-picture .ui-app [data-feature-view=kosten] .sf-chart-columns>[data-kosten-monat]>span{filter:none;background:#d8d8dc;transition:background .35s}:root .marketing-design .software-picture .ui-app [data-feature-view=kosten] .sf-chart-columns>[aria-pressed=true]>span{background:#3766f6}:root .marketing-design .software-picture .ui-app [data-feature-view=kosten] .sf-chart-columns>[aria-pressed=true]>small{color:#3766f6;font-weight:600}:root .marketing-design .software-picture .ui-app [data-feature-view=kosten] .sf-breakdown i{transition:width .65s}@media (prefers-reduced-motion:reduce){:root .marketing-design .software-picture .ui-app [data-feature-view=kosten] .sf-breakdown i{transition:none}}
.marketing-design .hero-stage>.container{width:min(96%,1440px);max-width:1440px}.marketing-design .software-picture.hero-window{max-width:1440px}@media (max-width:1160px){.marketing-design .dm-landing .nav-menue .menue-haupt{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.marketing-design .dm-landing .nav-menue .mh-karte{gap:6px;min-width:0;padding:12px}.marketing-design .dm-landing .nav-menue .mh-titel{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;word-break:normal;font-size:.9rem}.marketing-design .dm-landing .nav-menue .mh-text{font-size:.78rem}}@media (max-width:900px),(pointer:coarse){.marketing-design .dm-landing.glaswerk{background-attachment:scroll;animation:none}html.js .marketing-design #inhalt :is(.hero,.page-hero,.product-page-hero,.schluss-buehne):not(.hat-marketing-wolke){background:var(--marketing-wolke)!important}.marketing-design .marketing-wolke>.wolken-einflug:nth-child(n+4),.marketing-design .software-stage:before{display:none}.marketing-design :is(.glass-frame,.founder-manifesto){-webkit-backdrop-filter:none;backdrop-filter:none}.marketing-design :is(button,summary,a){touch-action:manipulation}}@media (max-width:640px){.marketing-design .founder-manifesto{text-align:center;border-radius:20px;padding:26px 20px 22px}.marketing-design .founder-animated-quote{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:23px;line-height:1.45}.marketing-design .founder-signature{text-align:center;align-items:center;gap:16px}.marketing-design .founder-contact{align-items:center;min-height:44px;display:inline-flex}.marketing-design .faq-section .faq-layout{grid-template-columns:minmax(0,1fr);width:calc(100% - 48px);max-width:520px;margin-inline:auto;padding-inline:0}.marketing-design .faq-list summary{gap:12px;padding:16px 0;line-height:1.45}.marketing-design .faq-list details>p{overflow-wrap:anywhere}.marketing-design .shared-software-frame{min-width:0;max-width:100%}.marketing-design [data-software-viewport]{max-width:100%;overflow:hidden}.marketing-design .product-tabs button{min-height:44px}}@media (max-width:900px),(pointer:coarse){.marketing-design .dm-landing.glaswerk .kopfleiste,.marketing-design .dm-landing.glaswerk .kopfleiste.geschrumpft{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.marketing-design .dm-landing.glaswerk .kopfleiste:before,.marketing-design .dm-landing.glaswerk .kopfleiste:is(.geschrumpft,.offen,.menue-offen):before{content:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.marketing-design .dm-landing.glaswerk .kopfleiste.geschrumpft{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#f7faffb8;box-shadow:0 4px 16px #0f172a0f}.marketing-design .dm-landing.glaswerk .kopfleiste:is(.offen,.menue-offen){background:#f7fafffa}.marketing-design .marketing-wolke>.wolken-einflug>.wolken-kern{filter:none;background:radial-gradient(#9ec5ff66 0,#c6dbff40 38%,#c6dbff00 72%)}.marketing-design .marketing-wolke .wolken-kern:before{content:none}.marketing-design .marketing-wolke>.wolken-einflug:nth-child(2)>.wolken-kern{background:radial-gradient(#9ec5ff4d 0,#c6dbff33 38%,#c6dbff00 72%)}}@media (prefers-reduced-transparency:reduce){.marketing-design .dm-landing.glaswerk .kopfleiste.geschrumpft{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7faff}}
@media (max-width:900px),(pointer:coarse){:root[data-marketing],:root[data-marketing] body{background-color:#fff}}.marketing-footer-ende{background:#080808;height:1px;display:block}@media (max-width:900px),(pointer:coarse){:root[data-marketing][data-footer-erreicht]{background-color:#080808}}
.marketing-design #inhalt .hat-marketing-wolke>.hero-atmosphaere{z-index:-1;--hero-wolke-zustand:paused;pointer-events:none;background:#fefefe;position:absolute;inset:-80px 0 0;overflow:clip;-webkit-mask-image:linear-gradient(#000 86%,#0000);mask-image:linear-gradient(#000 86%,#0000)}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug{animation:hero-wolke-einfahrt-links 4.6s cubic-bezier(.16, 1, .3, 1) both var(--hero-wolke-zustand);position:absolute;inset:0}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-kern,.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-licht{aspect-ratio:1;width:clamp(360px,53vw,900px);animation:hero-wolke-drift 36s ease-in-out infinite var(--hero-wolke-zustand);border-radius:50%;position:absolute}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-kern{inset:-9% auto auto -7%}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-licht{inset:auto auto 3% -5%}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(2){animation-name:hero-wolke-einfahrt-rechts;animation-duration:5.4s}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(2)>.wolken-kern{animation:hero-wolke-gegendrift 44s -12s ease-in-out infinite var(--hero-wolke-zustand);top:0;left:auto;right:0}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(2)>.wolken-licht{width:clamp(300px,39vw,660px);animation:hero-wolke-gegendrift 44s -12s ease-in-out infinite var(--hero-wolke-zustand);top:50%;bottom:auto;left:42%}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(3){animation-name:hero-wolke-einfahrt-oben;animation-duration:5s}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(3)>.wolken-kern{animation:hero-wolke-mitte 30s -19s ease-in-out infinite var(--hero-wolke-zustand);top:12%;left:33%}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(3)>.wolken-licht{width:clamp(320px,43vw,740px);animation:hero-wolke-mitte 30s -19s ease-in-out infinite var(--hero-wolke-zustand);top:-5%;bottom:auto;left:25%}@keyframes hero-wolke-einfahrt-links{0%{transform:translate(-110%,55%)rotate(-10deg)scale(1.3)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes hero-wolke-einfahrt-rechts{0%{transform:translate(95%,-70%)rotate(9deg)scale(1.35)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes hero-wolke-einfahrt-oben{0%{transform:translate(-70%,-95%)rotate(7deg)scale(.7)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes hero-wolke-drift{0%,to{transform:translate(0)scale(1)}22%{transform:translate(48%,18%)scale(1.16,.9)}45%{transform:translate(22%,52%)scale(.92,1.12)}68%{transform:translate(-38%,24%)scale(1.1,.95)}86%{transform:translate(-16%,-20%)scale(.96,1.06)}}@keyframes hero-wolke-gegendrift{0%,to{transform:translate(0)scale(1)}18%{transform:translate(-34%,-40%)scale(.94,1.14)}42%{transform:translate(-62%,14%)scale(1.12,.92)}64%{transform:translate(-12%,50%)scale(1.05,1.08)}84%{transform:translate(26%,16%)scale(.92,1.02)}}@keyframes hero-wolke-mitte{0%,to{transform:translate(0)scale(1)}26%{transform:translate(34%,-46%)scale(.9,1.12)}48%{transform:translate(58%,8%)scale(1.14,.94)}70%{transform:translate(14%,40%)scale(1.02,1.1)}88%{transform:translate(-26%,8%)scale(1.08,.92)}}@media (max-width:700px){.marketing-design #inhalt .hero>.hero-atmosphaere{top:-68px}}@media (prefers-reduced-motion:reduce),print{.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug,.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-kern,.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-licht{animation:none!important}}.marketing-design #inhalt .hero-atmosphaere .wolken-kern:before{content:none}.marketing-design #inhalt .hero-atmosphaere .wolken-kern{background-image:none}.marketing-design #inhalt .wolke-laeuft>.hero-atmosphaere{--hero-wolke-zustand:running}.marketing-design #inhalt :is(.page-hero,.product-page-hero)>.hero-atmosphaere{top:-69px}.marketing-design #inhalt .hero-atmosphaere .wolken-kern,.marketing-design #inhalt .hero-atmosphaere .wolken-licht{filter:none!important;background:0 0!important}.marketing-design #inhalt .hero-atmosphaere .wolken-kern:before,.marketing-design #inhalt .hero-atmosphaere .wolken-licht:before{content:"";opacity:.5;background:url(/marketing-design/assets/wolken/wolke-blau.png) 50%/100% 100% no-repeat;position:absolute;inset:-50%}.marketing-design #inhalt .hero-atmosphaere>span:nth-child(2)>.wolken-kern:before{opacity:.35;background-image:url(/marketing-design/assets/wolken/wolke-kraeftig.png)}.marketing-design #inhalt .hero-atmosphaere>span:nth-child(3)>.wolken-kern:before{opacity:.6;background-image:url(/marketing-design/assets/wolken/wolke-hell.png)}.marketing-design #inhalt .hero-atmosphaere .wolken-licht:before{opacity:.6;background-image:url(/marketing-design/assets/wolken/wolke-licht.png)}.marketing-design #inhalt .hero-atmosphaere>span:nth-child(2)>.wolken-licht:before{opacity:.55}.marketing-design #inhalt .hero-atmosphaere>span:nth-child(3)>.wolken-licht:before{opacity:.7}.marketing-design #inhalt .hero-atmosphaere[data-ruht]>span,.marketing-design #inhalt .hero-atmosphaere[data-ruht] .wolken-kern,.marketing-design #inhalt .hero-atmosphaere[data-ruht] .wolken-licht{animation-play-state:paused!important}.marketing-design #inhalt .wolke-laeuft>.hero-atmosphaere :is(.wolken-kern,.wolken-licht){will-change:transform}.marketing-design .software-picture .glass-frame{-webkit-backdrop-filter:none!important}@media (prefers-reduced-motion:reduce){.marketing-design #inhalt .hero-atmosphaere :is(.wolken-kern,.wolken-licht){will-change:auto!important}}
.marketing-design #inhalt .hat-marketing-wolke>.hero-atmosphaere.hero-seide{background:#fff}.hero-seide>.seiden-band{opacity:0;transition:opacity 1.4s;position:absolute}.hero-seide>.seiden-band.bereit{opacity:var(--seide-deckkraft,1)}.hero-seide>.seiden-band>:is(video,img){object-fit:cover;width:100%;height:100%;display:block}.hero-seide>.seiden-band>img+video{position:absolute;inset:0}.hero-seide video::-webkit-media-controls{-webkit-appearance:none;display:none!important}.hero-seide video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.hero-seide>.seiden-band-links{--m:clamp(170px, 20vw, 380px);left:calc(-.325 * var(--m));top:calc(.42 * (100vh + 80px) - .752 * var(--m));top:calc(min(42%, .42 * (100svh + 80px)) - .752 * var(--m));width:calc(1.53 * var(--m));height:calc(1.53 * var(--m));animation:seide-drift-links 14s ease-in-out infinite var(--hero-wolke-zustand,paused)}.hero-seide>.seiden-band-rechts{--m:clamp(150px, 19vw, 330px);left:calc(100% - 1.342 * var(--m));top:calc(12px - .2 * var(--m));width:calc(1.86 * var(--m));height:calc(1.86 * var(--m));animation:seide-drift-rechts 18s ease-in-out infinite var(--hero-wolke-zustand,paused)}@keyframes seide-drift-links{0%,to{transform:translate(0)}50%{transform:translate(18px,24px)}}@keyframes seide-drift-rechts{0%,to{transform:translate(0)}50%{transform:translate(-22px,-18px)}}@media (max-width:699px){.hero-seide>.seiden-band{--seide-deckkraft:.7}.hero-seide>.seiden-band-links{--m:180px;left:calc(-.625 * var(--m));top:calc(.5 * (100vh + 80px) - .752 * var(--m));top:calc(min(50%, .5 * (100svh + 80px)) - .752 * var(--m))}.hero-seide>.seiden-band-rechts{--m:150px;left:calc(100% - 1.3 * var(--m));top:calc(-.16 * var(--m))}}@media (prefers-reduced-motion:reduce){.hero-seide>.seiden-band{transition:none;animation:none}}
:root{--df-blau:#4073e7;--df-blau-link:#336ce1;--df-tinte:#12161c;--df-grau-text:#5b6574;--df-grau-leise:#667085}.marketing-design{--blue-100:#dfeaff;--blue-200:#c6dbff;--blue-300:#9ec5ff;--blue-400:#6fa6ff;--blue-500:#4b83ff;--blue-600:#3766f6;--blue-700:#234aec;--blue-800:#1937ca;--blue-900:#1b359f;--action:#3766f6;--action-hover:#234aec;--focus-ring:#4b83ff1f;--nav-hover-bg:#e9eef8;--nav-master-bg:#3766f61a;--shadow-blue:0 4px 20px #4b83ff47, 0 1px 4px #4b83ff1f}
.marketing-design .dm-landing .kopfleiste.gleitend{--kl-schwarz:#0b0b0b;--kl-schwarz-hover:#292929;--kl-tinte:#0b0d12;--kl-kachel:#eef4ff}.marketing-design .dm-landing .kopfleiste.gleitend .nav-aktionen .btn.btn-schwarz{background:var(--kl-schwarz);border-color:var(--kl-schwarz);color:#fff}.marketing-design .dm-landing .kopfleiste.gleitend .nav-aktionen .btn.btn-schwarz:hover{background:var(--kl-schwarz-hover);border-color:var(--kl-schwarz-hover)}.marketing-design .dm-landing .kopfleiste.gleitend .zugang-knopf{align-items:center;gap:6px;display:inline-flex}.kopfleiste.gleitend .zk-pfeil{flex:none;width:14px;height:14px;transition:transform .2s}.kopfleiste.gleitend .zk-pfeil path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.kopfleiste.gleitend .zugang-app:hover .zk-pfeil{transform:translate(2px)}.marketing-design .dm-landing .kopfleiste.gleitend .zugang-geteilt{background:#ffffff8c;border:1px solid #0f172a38;border-radius:999px;align-items:stretch;height:38px;display:inline-flex;overflow:hidden}.marketing-design .dm-landing .kopfleiste.gleitend .zugang-geteilt .zg-teil{color:var(--kl-tinte);white-space:nowrap;align-items:center;padding:0 15px;font-size:14px;font-weight:550;text-decoration:none;transition:background-color .18s;display:inline-flex}.marketing-design .dm-landing .kopfleiste.gleitend .zugang-geteilt .zg-teil+.zg-teil{border-left:1px solid #0f172a24}.marketing-design .dm-landing .kopfleiste.gleitend .zugang-geteilt .zg-teil:hover{background:#0f172a0d}@media (max-width:1160px){.marketing-design .dm-landing .kopfleiste.gleitend :is(.zugang-geteilt,.zugang-knopf){display:none}}@media (min-width:1161px){.marketing-design .dm-landing .kopfleiste.gleitend :is(.nav-menue-top,.nav-links>a[data-reiter]){z-index:1;position:relative}.marketing-design .dm-landing .kopfleiste.gleitend :is(.nav-menue .nav-menue-link,.nav-links>a[data-reiter]){color:#0f172a;border-bottom-color:#0000}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .nav-menue-chevron{color:#475569}.kopfleiste.gleitend .reiter-marke{z-index:0;width:calc(var(--rb,0px) + 24px);pointer-events:none;opacity:0;height:36px;transform:translate(calc(var(--rx,0px) - 12px), calc(var(--ry,0px) + var(--rh,0px) / 2 - 18px));background:#0f172a0f;border-radius:999px;transition:transform .34s cubic-bezier(.3,.7,.2,1),width .34s cubic-bezier(.3,.7,.2,1),opacity .2s;position:absolute;top:0;left:0}.kopfleiste.gleitend .reiter-marke[data-sichtbar=ja]{opacity:1}.kopfleiste.gleitend .reiter-marke[data-sprung=ja]{transition:none}.kopfleiste.gleitend .menue-buehne{z-index:59;pointer-events:none;opacity:0;visibility:hidden;height:0;transition:opacity .2s,transform .24s,visibility 0s .24s;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px)}.kopfleiste.gleitend .menue-buehne:before,.kopfleiste.gleitend .menue-buehne:after{content:"";will-change:transform;transition:transform .38s cubic-bezier(.3,.7,.2,1);position:absolute;top:0;left:0;right:0}.kopfleiste.gleitend .menue-buehne:before{transform-origin:0 0;height:1200px;transform:scaleY(var(--menue-skala,0));background:#fff}.kopfleiste.gleitend .menue-buehne:after{background:var(--linie,#e2e8f0);clip-path:inset(0 0 -80px);height:1px;transform:translateY(calc(var(--menue-hoehe,1px) - 1px));box-shadow:0 18px 34px #0f172a12}.kopfleiste.gleitend.menue-offen .menue-buehne{opacity:1;visibility:visible;transition:opacity .2s,transform .24s;transform:none}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-panel{box-shadow:none;pointer-events:none;will-change:transform, opacity;background:0 0;border-bottom-color:#0000;transition:opacity .2s,transform .38s cubic-bezier(.3,.7,.2,1),visibility 0s .38s}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue.offen .menue-panel{pointer-events:auto;transition:opacity .28s 60ms,transform .38s cubic-bezier(.3,.7,.2,1);transform:none}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue[data-seite="1"]:not(.offen) .menue-panel{transform:translate(44px)}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue[data-seite="-1"]:not(.offen) .menue-panel{transform:translate(-44px)}}@media (max-width:1160px){.kopfleiste.gleitend :is(.reiter-marke,.menue-buehne){display:none}}@media (prefers-reduced-motion:reduce){.kopfleiste.gleitend :is(.reiter-marke,.menue-buehne),.kopfleiste.gleitend .menue-buehne:before,.kopfleiste.gleitend .menue-buehne:after,.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-panel{transition-duration:0s!important}}@media (max-width:1160px){html.menue-mobil-offen,html.menue-mobil-offen body{overflow:hidden}.marketing-design .dm-landing .kopfleiste.gleitend .nav-links{height:calc(100svh - 100%);max-height:none;padding:18px 24px calc(32px + env(safe-area-inset-bottom));box-shadow:none;background:#fff;border-bottom:0}.marketing-design .dm-landing .kopfleiste.gleitend.offen .burger{background:#f2f4f7;border-radius:50%}.marketing-design .dm-landing .kopfleiste.gleitend .nav-links a,.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue{border-bottom:0}.marketing-design .dm-landing .kopfleiste.gleitend :is(.nav-menue .nav-menue-link,.nav-links>a[data-reiter]){letter-spacing:-.025em;color:var(--kl-tinte);padding:9px 0;font-size:30px;font-weight:500;line-height:1.2}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue.offen .nav-menue-link{color:var(--kl-tinte)}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue-chevron{color:#344054;width:44px;height:44px;margin-right:-10px}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue-chevron svg{stroke-width:1.6px;width:24px;height:24px;transition:transform .25s}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue.offen .nav-menue-chevron svg{transform:rotate(180deg)}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-haupt{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 14px;display:grid}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .mh-karte{background:var(--kl-kachel);min-height:104px;box-shadow:none;border:0;border-radius:18px;align-content:start;gap:12px;padding:16px 14px 14px;text-decoration:none;display:grid}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .mh-ikone{width:26px;height:26px;color:var(--df-blau-link)}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .mh-titel{letter-spacing:-.01em;color:var(--df-tinte);-webkit-hyphens:manual;hyphens:manual;font-size:16px;font-weight:600;line-height:1.25}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .mh-text{display:none}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-spalte{background:#f6f7f9;border-radius:18px;padding:16px 18px 8px}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-panel{padding:0}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue.offen .menue-panel{padding:2px 0 18px}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-spalten{gap:10px;padding-left:0}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .ms-kopf{letter-spacing:.07em;color:#8a94a3;margin:0 0 2px;padding-left:0;font-size:12px}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-eintrag{padding:8px 0}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .me-titel{color:#1f2733;font-size:17px;font-weight:500}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .me-kurz{display:none}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-fuss{border-top:0;margin:12px 0 0;padding-top:0}.marketing-design .dm-landing .kopfleiste.gleitend .nav-menue .menue-alle{background:var(--kl-kachel);border-radius:14px;padding:11px 16px;font-size:16px}.marketing-design .dm-landing .kopfleiste.gleitend .nav-links>:is(.mobil-demo,.mobil-testen,.mobil-anmelden){letter-spacing:-.025em;color:var(--df-grau-leise);padding:9px 0;font-size:30px;font-weight:500;line-height:1.2;text-decoration:none}.marketing-design .dm-landing .kopfleiste.gleitend .nav-links>.mobil-demo{color:var(--df-blau-link);border-top:1px solid #e9edf2;order:1;margin-top:22px;padding-top:28px}.marketing-design .dm-landing .kopfleiste.gleitend .nav-links>.mobil-demo:after{content:" →"}.marketing-design .dm-landing .kopfleiste.gleitend .nav-links>.mobil-testen{order:2}.marketing-design .dm-landing .kopfleiste.gleitend .nav-links>.mobil-anmelden{order:3}}@media (max-width:380px){.marketing-design .dm-landing .kopfleiste.gleitend :is(.nav-menue .nav-menue-link,.nav-links>a[data-reiter],.nav-links>.mobil-demo,.nav-links>.mobil-testen,.nav-links>.mobil-anmelden){font-size:26px}}
.marketing-design .founder-typewriter-section.founder-refined{padding-block:clamp(88px,10vw,136px)}.marketing-design .founder-typewriter-section .founder-manifesto{max-width:1100px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;background:0 0;border:0;border-radius:0;padding:0}.marketing-design .founder-typewriter-section .founder-manifesto>.eyebrow{margin-bottom:30px;font-size:12px}.marketing-design .founder-typewriter-section .founder-animated-quote{letter-spacing:-.034em;color:#12161c;max-width:1060px;font-size:clamp(30px,2.55vw + 9px,58px);line-height:1.15}.marketing-design .founder-typewriter-section .founder-signature{text-align:left;border-top:0;flex-direction:row;justify-content:center;align-items:center;gap:0;margin-top:52px;padding-top:0}.marketing-design .founder-typewriter-section .founder-person{gap:14px}.marketing-design .founder-typewriter-section .founder-person>img{width:48px;height:48px}.marketing-design .founder-typewriter-section .founder-person>div{text-align:left;gap:3px}.marketing-design .founder-typewriter-section .founder-person strong{color:#1f2733;font-size:15px;font-weight:500}.marketing-design .founder-typewriter-section .founder-person span{color:#6c7482;font-size:13px}.marketing-design .founder-typewriter-section .founder-contact{margin-left:28px;padding:12px 0 12px 29px;font-size:14px;position:relative}.marketing-design .founder-typewriter-section .founder-contact:before{content:"";background:#e3e8ef;width:1px;height:34px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.marketing-design .founder-typewriter-section .founder-contact:after{content:" →"}@media (max-width:700px){.marketing-design .founder-typewriter-section.founder-refined{padding-block:72px}.marketing-design .founder-typewriter-section .founder-manifesto>.eyebrow{margin-bottom:22px}.marketing-design .founder-typewriter-section .founder-animated-quote{letter-spacing:-.028em;font-size:26px;line-height:1.22}.marketing-design .founder-typewriter-section .founder-signature{flex-direction:column;gap:14px;margin-top:40px}.marketing-design .founder-typewriter-section .founder-contact{margin-left:0;padding:0}.marketing-design .founder-typewriter-section .founder-contact:before{display:none}}.marketing-design .founder-typewriter-section .founder-signature{transition:opacity .7s .15s,transform .7s cubic-bezier(.2,.7,.2,1) .15s}.marketing-design .founder-typewriter-section .founder-manifesto:has(.typewriter-ready:not(.typewriter-complete)) .founder-signature{opacity:0;pointer-events:none;transition:none;transform:translateY(10px)}@media (prefers-reduced-motion:reduce){.marketing-design .founder-typewriter-section .founder-signature{transition:none}}.marketing-design .typewriter-ready .founder-quote-character.is-current:after{content:"";pointer-events:none;background:#467af7;border-radius:2px;width:2px;height:.82em;animation:.85s step-end infinite md1-founder-caret-blink;position:absolute;top:.08em;left:100%}@media (prefers-reduced-motion:reduce){.marketing-design .typewriter-ready .founder-quote-character.is-current:after{display:none}}
.marketing-design .demo-section .ex-simple-booking.glass-frame{-webkit-backdrop-filter:none;backdrop-filter:none;background:url(/marketing-design/assets/gradients/fuhrpark.webp) 50%/cover;border-radius:36px;outline:0;max-width:none;padding:14px;box-shadow:0 34px 80px -46px #264db88c}.marketing-design .demo-section .ex-simple-booking .booking-surface{background:#fff;border:0;border-radius:24px}.marketing-design .demo-section .ex-simple-booking .booking-card{background:0 0}.marketing-design .demo-section .ex-simple-booking .booking-content{padding:36px 40px}@media (max-width:700px){.marketing-design .demo-section .ex-simple-booking.glass-frame{border-radius:28px;padding:8px}.marketing-design .demo-section .ex-simple-booking .booking-content{padding:24px 20px}}.marketing-design .demo-section .ex-simple-booking{--termin-tag:48px;--termin-zeit:48px}@media (max-width:700px){.marketing-design .demo-section .ex-simple-booking{--termin-tag:42px;--termin-zeit:44px}}.marketing-design .demo-section .ex-simple-booking .calendar-grid{grid-template-rows:repeat(6, var(--termin-tag));align-content:start}.marketing-design .demo-section .ex-simple-booking .zeiten-flaeche{min-height:calc(6 * var(--termin-zeit) + 5 * 10px)}.marketing-design .demo-section .marketing-booking-placeholder{min-height:631px}@media (max-width:700px){.marketing-design .demo-section .marketing-booking-placeholder{min-height:1086px}}.marketing-design .demo-section .ex-simple-booking .calendar-head .icon-button{place-items:center;padding:0;line-height:0;display:inline-grid}.marketing-design .demo-section .ex-simple-booking .kalender-winkel{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.marketing-design .demo-section .ex-simple-booking .booking-buehne{display:grid}.marketing-design .demo-section .ex-simple-booking .booking-buehne>.booking-stufe{grid-area:1/1;min-width:0}.marketing-design .demo-section .ex-simple-booking .booking-buehne>.booking-stufe:not([data-aktiv]){visibility:hidden}.marketing-design .ex-simple-booking .booking-steps :is(li,li>span){transition:color .35s,background-color .35s,border-color .35s}.marketing-design .ex-simple-booking .time-slots>button{transition:color .18s,background-color .18s,border-color .18s}.marketing-design .ex-simple-booking .time-slots>button[data-gewaehlt]{border-color:var(--df-blau);background:var(--df-blau);color:#fff;animation:.34s cubic-bezier(.22,.8,.22,1) termin-zeit-gewaehlt}@keyframes termin-zeit-gewaehlt{35%{transform:scale(.96)}to{transform:none}}@media (min-width:761px){.marketing-design #demo .ex-simple-booking{--termin-tag:36px;--termin-zeit:38px;--termin-zeitabstand:8px}.marketing-design #demo .ex-simple-booking.glass-frame{border-radius:30px;max-width:1120px;margin-inline:auto;padding:10px}.marketing-design #demo .ex-simple-booking .booking-surface{border-radius:21px}.marketing-design #demo .ex-simple-booking .booking-content{padding:26px 32px 22px}.marketing-design #demo .ex-simple-booking .booking-heading{margin-bottom:4px}.marketing-design #demo .ex-simple-booking .booking-heading h3{font-size:22px}.marketing-design #demo .ex-simple-booking .ex-booking-meta{margin:0 0 18px;font-size:13px}.marketing-design #demo .ex-simple-booking .booking-content .duration{margin:0 0 14px}.marketing-design #demo .ex-simple-booking .booking-content .duration legend{margin:0 10px 0 0}.marketing-design #demo .ex-simple-booking .booking-content .duration label>span{min-height:32px;padding:6px 14px;font-size:13px}.marketing-design #demo .ex-simple-booking .booking-content .calendar-head{min-height:32px;margin:0 0 8px}.marketing-design #demo .ex-simple-booking .booking-content .calendar-head .icon-button{width:32px;min-width:32px;height:32px;min-height:32px}.marketing-design #demo .ex-simple-booking .booking-content .weekdays{margin-bottom:4px;font-size:11px}.marketing-design #demo .ex-simple-booking .booking-content .calendar-grid{gap:4px}.marketing-design #demo .ex-simple-booking .booking-content .calendar-grid button{height:var(--termin-tag);border-radius:10px;min-height:0;font-size:14px}.marketing-design #demo .ex-simple-booking .time-selection>p{margin:0 0 10px;font-size:12px}.marketing-design #demo .ex-simple-booking .time-slots{gap:var(--termin-zeitabstand)}.marketing-design #demo .ex-simple-booking .booking-content .time-slots>button{min-height:var(--termin-zeit);padding:6px 4px;font-size:14px}.marketing-design #demo .ex-simple-booking .zeiten-flaeche{min-height:calc(6 * var(--termin-zeit) + 5 * var(--termin-zeitabstand))}.marketing-design #demo .ex-simple-booking .booking-time-panel .timezone{margin:10px 0 0;font-size:11px}.marketing-design #demo .marketing-booking-placeholder{min-height:495px}.marketing-design #demo .ex-simple-booking .booking-details-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.marketing-design #demo .ex-simple-booking .booking-appointment{border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px 8px 16px;display:flex}.marketing-design #demo .ex-simple-booking .booking-appointment .booking-selection{background:0 0;border:0;flex-direction:row;flex:1;align-items:baseline;gap:14px;padding:0;display:flex}.marketing-design #demo .ex-simple-booking :is(.booking-appointment-caption,.booking-appointment-meta){display:none}.marketing-design #demo .ex-simple-booking :is(.booking-appointment-date,.booking-appointment-time){flex:none;grid-area:auto;width:auto;margin:0}.marketing-design #demo .ex-simple-booking .booking-appointment-date{font-size:15px}.marketing-design #demo .ex-simple-booking .booking-appointment-time{font-size:18px}.marketing-design #demo .ex-simple-booking .booking-appointment .booking-back{white-space:nowrap;margin:0}.marketing-design #demo .ex-simple-booking .booking-details-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 18px;display:grid}.marketing-design #demo .ex-simple-booking .booking-details-fields .field{gap:5px;margin:0;font-size:13px}.marketing-design #demo .ex-simple-booking .booking-details-fields .field input{min-height:38px;padding:7px 12px}.marketing-design #demo .ex-simple-booking .booking-details-fields .field>textarea{height:72px;min-height:72px;padding:8px 12px;line-height:1.5}.marketing-design #demo .ex-simple-booking .booking-guests{margin:0}.marketing-design #demo .ex-simple-booking .booking-guests legend{margin-bottom:5px;font-size:13px}.marketing-design #demo .ex-simple-booking .booking-details-fields>.booking-guests{grid-column:1}.marketing-design #demo .ex-simple-booking .booking-details-fields>.field:has(textarea){grid-column:2}.marketing-design #demo .ex-simple-booking #booking-guests{grid-template-columns:minmax(0,1fr);gap:6px}.marketing-design #demo .ex-simple-booking .booking-details-fields>.booking-error{grid-column:1/-1}.marketing-design #demo .ex-simple-booking .booking-details-fields>.form-info{grid-column:1;align-self:center;margin:0}.marketing-design #demo .ex-simple-booking .booking-details-fields>.button{grid-column:2;min-height:42px;margin:0}.marketing-design #demo #booking-step-calendar{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;display:grid}.marketing-design #demo .booking-calendar-layout{display:contents}.marketing-design #demo .booking-date-panel{grid-area:1/1/span 2}.marketing-design #demo .ex-simple-booking .booking-content .duration{grid-area:1/2}.marketing-design #demo .booking-time-panel{grid-area:2/2;padding:0}.marketing-design #demo .booking-date-panel{flex-direction:column;display:flex}.marketing-design #demo .ex-simple-booking .booking-content .calendar-grid{grid-template-rows:repeat(6, minmax(var(--termin-tag), 1fr));flex:1;align-content:stretch;gap:6px}.marketing-design #demo .ex-simple-booking .booking-content .calendar-grid button{border-radius:12px;height:100%;font-size:16px}.marketing-design #demo .ex-simple-booking .booking-content .calendar-head h4{font-size:17px}.marketing-design #demo .ex-simple-booking .booking-content .weekdays{font-size:12px}}
.marketing-design .besonderheiten{--bb-abstand:40px;--bb-dauer:96s;--bb-blende:clamp(40px, 8vw, 120px);width:var(--seitenbreite);margin-inline:auto;padding:30px 0 6px;position:relative;overflow:hidden}.marketing-design .besonderheiten:before,.marketing-design .besonderheiten:after{content:"";z-index:1;width:var(--bb-blende);pointer-events:none;position:absolute;top:0;bottom:0}.marketing-design .besonderheiten:before{background:linear-gradient(90deg,#fff,#fff0);left:0}.marketing-design .besonderheiten:after{background:linear-gradient(270deg,#fff,#fff0);right:0}.marketing-design .besonderheiten .bb-reihe{width:100%;padding-block:4px;display:flex;overflow:hidden}.marketing-design .besonderheiten .bb-spur{align-items:center;gap:var(--bb-abstand);padding:0 var(--bb-abstand) 0 0;will-change:transform;backface-visibility:hidden;animation:bb-lauf var(--bb-dauer) linear infinite;flex-shrink:0;margin:0;list-style:none;display:flex}@keyframes bb-lauf{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.marketing-design .besonderheiten .bb-punkt{white-space:nowrap;color:var(--df-grau-leise);align-items:center;font-size:16px;line-height:1.3;display:inline-flex}.marketing-design .besonderheiten .bb-punkt:after{content:"";width:5px;height:5px;margin-left:var(--bb-abstand);background:#b1c2ee;border-radius:50%}@media (max-width:700px){.marketing-design .besonderheiten{--bb-abstand:28px;padding-top:22px}.marketing-design .besonderheiten .bb-punkt{font-size:15px}}@media (prefers-reduced-motion:reduce){.marketing-design .besonderheiten:before,.marketing-design .besonderheiten:after{display:none}.marketing-design .besonderheiten .bb-spur{will-change:auto;flex-wrap:wrap;flex-shrink:1;justify-content:center;row-gap:10px;padding:0 16px;animation:none}.marketing-design .besonderheiten :is(.bb-spur,.bb-punkt)[aria-hidden]{display:none}}
.marketing-design .br-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);margin:0;display:grid}.marketing-design .br-karte{color:inherit;background:#fff;border:1px solid #e7ebf0;border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 1px 2px #1018280a,0 18px 44px -32px #10182847}.marketing-design .br-karte:hover{border-color:#d9e0ea;transform:translateY(-4px);box-shadow:0 1px 2px #1018280a,0 26px 56px -32px #10182857}.marketing-design .br-bild{aspect-ratio:16/10;background:#eef2f7;margin:0;overflow:hidden}.marketing-design .br-bild img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.marketing-design .br-karte:hover .br-bild img{transform:scale(1.045)}.marketing-design .br-text{flex-direction:column;flex:1;gap:10px;padding:22px 26px 26px;display:flex}.marketing-design .br-text h3{letter-spacing:-.015em;color:var(--df-tinte);margin:0;font-size:21px;font-weight:600;line-height:1.25}.marketing-design .br-text p{color:var(--df-grau-text);flex:1;margin:0;font-size:16px;line-height:1.55}.marketing-design .br-text .fr-link{color:var(--df-blau-link);align-items:center;gap:7px;margin-top:4px;font-size:15px;font-weight:600;display:inline-flex}.marketing-design .br-text .fr-pfeil:empty:before{content:"→"}.marketing-design .br-text .fr-pfeil{transition:transform .18s}.marketing-design .br-karte:hover .fr-pfeil{transform:translate(3px)}@media (min-width:701px){.marketing-design .br-grid>.br-karte:last-child:nth-child(odd){grid-column:1/-1}.marketing-design .br-grid>.br-karte:last-child:nth-child(odd) .br-bild{aspect-ratio:21/8}}@media (max-width:700px){.marketing-design .br-grid{grid-template-columns:minmax(0,1fr)}.marketing-design .br-text{padding:18px 20px 22px}.marketing-design .br-text h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.marketing-design :is(.br-karte,.br-bild img,.br-text .fr-pfeil){transition:none}}
.marketing-design .ab-nummer{color:#fff;background:#3c73df;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:16px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 8px 18px -10px #3c73dfb3}
.marketing-design #tarifvergleich .tv-huelle{background:#fff;border:1px solid #dce4ee;border-radius:22px;padding:0;overflow:clip;box-shadow:0 8px 30px -24px #1c36613d}.marketing-design #tarifvergleich .tv-tabelle{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;margin:0}.marketing-design #tarifvergleich .tv-tabelle thead th{z-index:3;-webkit-backdrop-filter:none;backdrop-filter:none;color:#1b293b;text-align:center;vertical-align:top;background:#fff;border:0;border-bottom:1px solid #dfe6ef;border-radius:0;padding:16px 14px;font-size:14px;font-weight:500;line-height:1.3;position:sticky;top:68px}.marketing-design #tarifvergleich .tv-tabelle thead th:before{content:"";pointer-events:none;background:#fff;height:68px;position:absolute;inset:auto 0 100%}.marketing-design #tarifvergleich .tv-tabelle thead th.tv-ecke{color:#637187;letter-spacing:.08em;text-align:left;text-transform:uppercase;vertical-align:bottom;width:34%;padding-left:28px;font-size:11px;font-weight:600}.marketing-design #tarifvergleich .tv-name{color:#1b293b;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;font-size:18px;font-weight:600;display:flex}.marketing-design #tarifvergleich .tv-empfehlung{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#3766f6;border-radius:999px;margin:0;padding:3px 9px;font-size:10px;font-weight:600;line-height:1.4;display:inline-block}.marketing-design #tarifvergleich .tv-preis{color:#0b0c0e;letter-spacing:-.02em;margin-top:6px;font-size:22px;font-weight:600;line-height:1.15;display:block}.marketing-design #tarifvergleich .tv-preis small{color:#65748a;letter-spacing:0;font-size:13px;font-weight:500}.marketing-design #tarifvergleich .tv-sub{color:#65748a;margin-top:2px;font-size:12px;font-weight:400;display:block}.marketing-design #tarifvergleich .tv-knopf{color:#1b293b;text-align:center;background:#fff;border:1px solid #c9d3e0;border-radius:999px;justify-content:center;align-items:center;max-width:220px;min-height:36px;margin:12px auto 0;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.marketing-design #tarifvergleich .tv-knopf:hover{background:#f3f6fa;border-color:#aebbcc}.marketing-design #tarifvergleich .tv-knopf:focus-visible{outline-offset:3px;outline:3px solid #809bff}.marketing-design #tarifvergleich .tv-knopf-voll{color:#fff;background:#3766f6;border-color:#3766f6}.marketing-design #tarifvergleich .tv-knopf-voll:hover{background:#154beb;border-color:#154beb}.marketing-design #tarifvergleich .tv-tabelle thead th.tv-beliebt{color:#1a57dc;background:#e9f1ff!important}.marketing-design #tarifvergleich .tv-tabelle thead th.tv-beliebt .tv-name{color:#1a57dc}.marketing-design #tarifvergleich .tv-tabelle tbody td.tv-beliebt{background:#f3f7ff!important}.marketing-design #tarifvergleich .tv-tabelle tbody th[scope=row]{color:#27364b;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;padding:13px 28px;font-size:14px;font-weight:450;line-height:1.5}.marketing-design #tarifvergleich .tv-tabelle tbody td{color:#8793a5;text-align:center;vertical-align:middle;background:#fff;border:0;border-bottom:1px solid #edf1f6;padding:13px 12px}.marketing-design #tarifvergleich .tv-tabelle tbody tr:last-child>*{border-bottom:0}.marketing-design #tarifvergleich .tv-haken{fill:none;stroke:#396bd5;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;background:#edf4ff;border-radius:50%;width:24px;height:24px;padding:4px}.marketing-design #tarifvergleich td.tv-beliebt .tv-haken{stroke:#1a57dc;background:#dde7ff}.marketing-design #tarifvergleich .tv-strich{color:#9aa6b5;font-size:16px}@media (hover:hover){.marketing-design #tarifvergleich .tv-tabelle tbody tr:not(.tv-gruppe):hover>*{background:#fafbfd}.marketing-design #tarifvergleich .tv-tabelle tbody tr:not(.tv-gruppe):hover>td.tv-beliebt{background:#eaf1ff!important}}.marketing-design #tarifvergleich .tv-tabelle .tv-gruppe{display:table-row}.marketing-design #tarifvergleich .tv-tabelle tbody .tv-gruppe>*{background:#fff;border:0;border-bottom:1px solid #dfe6ef;padding:34px 12px 12px}.marketing-design #tarifvergleich .tv-tabelle tbody .tv-gruppe>th{color:#1b293b;letter-spacing:0;text-align:left;text-transform:none;padding-left:28px;font-size:15px;font-weight:600;line-height:1.3}.marketing-design #tarifvergleich .tv-tabelle tbody:first-of-type .tv-gruppe>*{padding-top:22px}@media (max-width:1100px){.marketing-design #tarifvergleich .tv-tabelle thead th{padding:16px 10px}.marketing-design #tarifvergleich .tv-tabelle thead th.tv-ecke{width:32%;padding-left:20px}.marketing-design #tarifvergleich .tv-name{font-size:16px}.marketing-design #tarifvergleich .tv-preis{font-size:20px}.marketing-design #tarifvergleich .tv-knopf{padding:7px 10px;font-size:12.5px}.marketing-design #tarifvergleich .tv-tabelle tbody th[scope=row]{padding:12px 20px;font-size:13.5px}.marketing-design #tarifvergleich .tv-tabelle tbody .tv-gruppe>th{padding-left:20px;font-size:14px}}@media (max-height:599px){.marketing-design #tarifvergleich .tv-tabelle thead th{position:static}.marketing-design #tarifvergleich .tv-tabelle thead th:before{display:none}}@media (max-width:900px){.marketing-design #tarifvergleich .tv-knopf{min-height:46px;padding:6px 8px;font-size:12px}.marketing-design #tarifvergleich .tv-sub{font-size:11px}}.marketing-design #tarifvergleich .tv-karten{gap:12px}.marketing-design #tarifvergleich .tv-karte{background:#fff;border:1px solid #dce4ee;border-radius:18px;overflow:hidden}.marketing-design #tarifvergleich .tv-karte.beliebt{border-color:#a6bff4}.marketing-design #tarifvergleich .tv-karte>summary{color:#243348;flex-wrap:nowrap;align-items:center;gap:12px;padding:18px 20px;font-size:18px;font-weight:600;display:flex}.marketing-design #tarifvergleich .tv-karte.beliebt>summary{background:#f2f6ff}.marketing-design #tarifvergleich .tv-karte-name{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.marketing-design #tarifvergleich .tv-karte.beliebt .tv-karte-name{color:#1a57dc}.marketing-design #tarifvergleich .tv-karte-preis{color:#0b0c0e;text-align:right;white-space:nowrap;margin-left:auto;font-size:16px;font-weight:600;line-height:1.2}.marketing-design #tarifvergleich .tv-karte-preis small{color:#65748a;font-size:12px;font-weight:500}.marketing-design #tarifvergleich .tv-karte-preis small:last-child{margin-top:2px;font-size:11px;font-weight:400;display:block}.marketing-design #tarifvergleich .tv-karte-liste{margin:0;padding:4px 20px 20px}.marketing-design #tarifvergleich .tv-karte-basis{color:#1b293b;background:#f5f7fb;border-radius:10px;margin:10px 0 2px;padding:10px 12px;font-size:14px;font-weight:500}.marketing-design #tarifvergleich .tv-karte-liste h3{color:#1b293b;letter-spacing:0;text-transform:none;margin:18px 0 4px;font-size:14px;font-weight:600;line-height:1.3}.marketing-design #tarifvergleich .tv-karte-liste ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.marketing-design #tarifvergleich .tv-karte-liste li{color:#27364b;border-bottom:1px solid #edf0f5;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:9px 0;font-size:14px;line-height:1.5;display:grid}.marketing-design #tarifvergleich .tv-karte-liste li:last-child{border-bottom:0}.marketing-design #tarifvergleich .tv-karte-liste .tv-haken{width:22px;height:22px;margin-top:0;padding:3px}.marketing-design #tarifvergleich .tv-karte-liste .tv-knopf{max-width:none;min-height:44px;margin-top:18px;font-size:14px}.marketing-design .dm-landing .pr-regler{background:#f7faff;border:1px solid #dfe7f3;border-radius:22px;grid-template-columns:minmax(0,1fr) 176px;gap:12px 24px;padding:28px}.marketing-design .dm-landing .pr-label{font-size:18px;font-weight:550;line-height:1.5}.marketing-design .dm-landing .pr-anzahl{letter-spacing:-.03em;background:#fff;border:1px solid #ccd9f1;border-radius:12px;width:100%;max-width:176px;padding:10px 14px;font-size:36px;font-weight:550}.marketing-design .dm-landing .pr-skala{color:#66768c;grid-column:1/-1;justify-content:space-between;font-size:12px;display:flex}.marketing-design .dm-landing .pr-eingabe-hinweis{color:#64748b;grid-column:1/-1;margin:0;font-size:12px;line-height:1.6}.marketing-design .dm-landing .ersparnis-rechner{gap:24px;display:grid}.marketing-design .dm-landing .ersparnis-rechner .form-card{box-shadow:none;background:#fff;border:1px solid #dce4ee;border-radius:20px;margin:0;padding:26px 28px}.marketing-design .dm-landing .ersparnis-rechner .kr-felder{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.marketing-design .dm-landing .ersparnis-rechner .kr-felder label{color:#27364b;font-size:14px;font-weight:550}.marketing-design .dm-landing .ersparnis-rechner .kr-felder input{font-variant-numeric:tabular-nums;background:#fafcff;border-radius:10px;min-height:48px;font-size:18px}.marketing-design .dm-landing .ersparnis-rechner .kr-ergebnis{background:0 0;border:0;border-radius:0;margin:0;padding:0}.marketing-design .dm-landing .ersparnis-rechner .kr-summe{background:#f3f7ff;border:1px solid #dfe7f7;border-radius:20px;padding:28px 32px}.marketing-design .dm-landing .ersparnis-rechner .kr-summe .pr-kk{letter-spacing:.075em;color:#526681;font-size:11px;font-weight:600}.marketing-design .dm-landing .ersparnis-rechner .kr-summe .pr-summe{letter-spacing:-.035em;color:#1d3660;margin:12px 0;font-size:clamp(36px,4vw,48px);font-weight:550;line-height:1.15;display:block}.marketing-design .dm-landing .ersparnis-rechner .kr-summe .pr-sub{color:#62758f;max-width:64ch;font-size:14px;line-height:1.7}.marketing-design .dm-landing .ersparnis-rechner .vgl-tabelle-huelle{background:#fff;border:1px solid #dce4ee;border-radius:16px;margin-top:24px!important}.marketing-design .dm-landing .ersparnis-rechner .er-vergleich{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;margin:0}.marketing-design .dm-landing .ersparnis-rechner .er-vergleich thead th{color:#60718a;letter-spacing:.045em;white-space:normal;background:#f7f9fc;border-bottom:1px solid #e3e9f1;padding:16px;font-size:10px;font-weight:600;line-height:1.5;position:static;top:auto}.marketing-design .dm-landing .ersparnis-rechner .er-vergleich tbody :is(th,td){color:#25385a;vertical-align:top;background:#fff;border-bottom:1px solid #eaeef6;padding:19px 16px;font-size:14px;font-weight:500;line-height:1.5}.marketing-design .dm-landing .ersparnis-rechner .er-vergleich :is(th,td).vgl-eigen{color:#255cc3;background:#f2f7ff!important}.marketing-design .dm-landing .ersparnis-rechner .er-vergleich .er-detail{color:#718198;margin-top:5px;font-size:12px;font-weight:400;line-height:1.5;display:inline-block}.marketing-design .dm-landing .ersparnis-rechner .er-vergleich tbody tr:last-child>*{background:#f7f9fc;border-bottom:0;font-weight:600}.marketing-design .dm-landing .ersparnis-rechner .frist-hinweis{color:#6b7b90;margin:0;font-size:12px;line-height:1.8}.marketing-design .dm-landing .ersparnis-rechner .frist-cta{margin:0}@media (max-width:760px){.marketing-design .dm-landing .tv-huelle{display:none}}@media (max-width:700px){.marketing-design .dm-landing .pr-regler{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px}.marketing-design .dm-landing .pr-anzahl{justify-self:start;max-width:160px;font-size:32px}.marketing-design .dm-landing .ersparnis-rechner .form-card,.marketing-design .dm-landing .ersparnis-rechner .kr-summe{padding:22px}.marketing-design .dm-landing .ersparnis-rechner .kr-felder{gap:18px}.marketing-design .dm-landing .ersparnis-rechner .er-vergleich{min-width:650px}}@media (max-width:420px){.marketing-design .dm-landing .ersparnis-rechner .kr-felder{grid-template-columns:minmax(0,1fr)}}.marketing-design .dm-landing .ersparnis-rechner{grid-template-columns:minmax(0,1fr)}.marketing-design .dm-landing .ersparnis-rechner>*{min-width:0}.marketing-design .dm-landing .ersparnis-rechner .vgl-tabelle-huelle{max-width:100%;overflow-x:auto}.marketing-design .dm-landing .ersparnis-rechner .frist-cta .btn{white-space:normal;text-align:center;justify-content:center;max-width:100%;min-height:46px;padding:12px 20px;font-size:14px;line-height:1.5}.marketing-design .dm-landing .tv-karte .tv-haken{stroke:#396bd5;background:#edf4ff;border-radius:50%;width:22px;height:22px;padding:3px}.marketing-design .dm-landing .tv-karte>summary:after{border:1.5px solid #8ca0ba;border-top:0;border-left:0;width:8px;height:8px;transform:rotate(45deg)}.marketing-design .dm-landing .tv-karte[open]>summary:after{transform:rotate(225deg)}.marketing-design #tarifvergleich{scroll-margin-top:88px}
.marketing-design .pricing-grid .price-card>.price-alle{color:var(--df-blau-link);order:6;align-self:center;margin:auto 0 14px;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none}.marketing-design .pricing-grid .price-card>.price-alle:hover{text-underline-offset:3px;text-decoration:underline}.marketing-design .pricing-grid .price-card>.button{order:7}.marketing-design .pricing-grid .price-card:has(>.price-alle)>.button{margin-top:0}.marketing-design .pricing-grid .price-card.featured .small-badge{letter-spacing:.01em;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.2;top:-17px;right:22px}.marketing-design .pricing-grid.shared-pricing .price-card{background:#fff;border:0;border-radius:28px;box-shadow:0 0 0 1.5px #d6dce5,0 1px 2px #1018280d,0 26px 52px -30px #10182842}.marketing-design .pricing-grid.shared-pricing .price-card.featured{background:#fff;box-shadow:0 0 0 2px #3766f6,0 32px 64px -32px #3766f680}.marketing-design .pricing-grid.shared-pricing .included-label{border-color:#eef0f4}.marketing-design .pricing-grid.shared-pricing .check-list li{padding-left:30px!important}.marketing-design .pricing-grid.shared-pricing .check-list li:before{color:#3766f6;background:#eef3ff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;line-height:1;display:grid;top:2px}.marketing-design .pricing-grid.shared-pricing .price-card:not(.featured)>.button{transition:border-color .18s,background-color .18s;color:#0b0c0e!important;background:#fff!important;border-color:#d3d9e2!important}.marketing-design .pricing-grid.shared-pricing .price-card:not(.featured)>.button:hover{background:#fff!important;border-color:#9aa4b2!important}@media (min-width:901px){.marketing-design .pricing-grid.shared-pricing{gap:24px}.marketing-design .pricing-grid.shared-pricing .price-card{padding:34px 32px 32px}.marketing-design .pricing-grid.shared-pricing .plan-name h3{letter-spacing:.08em;text-transform:uppercase;color:#5b6576!important;font:600 14px/1.4 DocuMarketingInter,Arial,sans-serif!important}.marketing-design .pricing-grid.shared-pricing .unit-price{margin:16px 0 0!important}.marketing-design .pricing-grid.shared-pricing .unit-price>strong{letter-spacing:-.045em;font:600 52px/1 DocuMarketingInter,Arial,sans-serif!important}.marketing-design .pricing-grid.shared-pricing .unit-price>span{font-size:12px!important}.marketing-design .pricing-grid.shared-pricing .check-list li{font-size:14px!important}.marketing-design .pricing-grid.shared-pricing .plan-name{position:relative}.marketing-design .pricing-grid.shared-pricing .price-card.featured .small-badge{box-shadow:none;color:#3460e8;background:#eef3ff;border:0;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}}
.marketing-design .sachbezug-varianten{gap:28px;display:grid}.marketing-design .sachbezug-varianten.vergleich{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-design .sachbezug-szenario{min-width:0;margin:0;padding:0}.marketing-design .sachbezug-szenario h2{margin:0 0 20px;font-size:24px}.marketing-design .sachbezug-bedienung{gap:20px;margin-bottom:32px;display:grid}.marketing-design .sachbezug-bedienung>:first-child{max-width:380px}.marketing-design .sachbezug-varianten.vergleich .form-row,.marketing-design .sachbezug-varianten.vergleich .tile-grid{grid-template-columns:1fr}.marketing-design .sachbezug-differenz{border:1px solid var(--line,#dce2ec);border-radius:20px;margin-top:24px;padding:20px}.marketing-design .sachbezug-aktionen{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;display:flex}.marketing-design .sachbezug-quellen{overflow-wrap:anywhere;font-size:14px}.sachbezug-druck{display:none}@media (max-width:760px){.marketing-design .sachbezug-varianten.vergleich{grid-template-columns:1fr}}@media print{body:has([data-sachbezugsrechner]){color:#000!important;background:#fff!important}body:has([data-sachbezugsrechner]) :not(:has(.sachbezug-druck)):not(.sachbezug-druck):not(.sachbezug-druck *){display:none!important}body:has([data-sachbezugsrechner]) :has(.sachbezug-druck){width:auto!important;max-width:none!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.sachbezug-druck{color:#000;font:10pt/1.4 Arial,sans-serif;display:block!important}.sachbezug-druck .sachbezug-druck-titel{margin:0 0 12pt;font-size:19pt}.sachbezug-druck h2{margin:14pt 0 8pt;font-size:14pt}.sachbezug-druck h3{font-size:12pt}.sachbezug-druck-varianten{grid-template-columns:repeat(2,minmax(0,1fr));gap:22pt;display:grid}.marketing-design .sachbezug-druck section{break-inside:avoid;margin:0;padding:0}.sachbezug-druck dl>div{margin:0 0 6pt}.sachbezug-druck dt{font-weight:700}.sachbezug-druck dd{margin:0}.sachbezug-druck-quellen{overflow-wrap:anywhere;font-size:8pt}@page{size:A4;margin:15mm}}.marketing-design .sachbezug-aktionen{--r-control:999px}.marketing-design .sachbezug-szenario .tile-val{font-size:22px;line-height:1.4}.marketing-design .sachbezug-vergleich{margin:0 0 32px}.marketing-design .sachbezug-vergleich h2{font-size:24px}.marketing-design .sachbezug-vergleich table{border-collapse:collapse;width:100%;font-size:16px}.marketing-design .sachbezug-vergleich th,.marketing-design .sachbezug-vergleich td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #dce2ec;padding:12px 8px}.marketing-design .sachbezug-vergleich tr>:first-child{text-align:left}@media (max-width:760px){.marketing-design .sachbezug-vergleich table{font-size:13px}.marketing-design .sachbezug-vergleich th,.marketing-design .sachbezug-vergleich td{padding:10px 4px}}@media print{.sachbezug-druck-varianten:has(>section:only-child){grid-template-columns:1fr}.marketing-design .sachbezug-druck>p{margin:8pt 0}.marketing-design .sachbezug-druck h2{margin:14pt 0 8pt}.marketing-design .sachbezug-druck ul{margin:8pt 0;padding:0;list-style:none}:is(html:has([data-sachbezugsrechner]),body:has([data-sachbezugsrechner])){height:auto!important;min-height:0!important;margin:0!important;padding:0!important}}
.marketing-design{--seitenrand:32px;--seitenbreite-max:1376px;--seitenbreite:min(var(--seitenbreite-max), calc(100% - 2 * var(--seitenrand)));--explanation-section-width:min(var(--seitenbreite-max), calc(100vw - 2 * var(--seitenrand)))}@media (max-width:1599px){.marketing-design{--seitenrand:68px;--seitenbreite-max:1304px}}@media (max-width:1200px){.marketing-design{--seitenrand:48px}}@media (max-width:900px){.marketing-design{--seitenrand:20px}}@media (max-width:700px){.marketing-design{--seitenrand:16px}}.marketing-design .container{width:var(--seitenbreite)}.marketing-design .hero .hero-stage>.container,.marketing-design :is(#plattform,#vorteile,#software,#preise,#demo,#gruender)>.container,.marketing-design :is(.feature-stories,.product-section,.pricing-section,.demo-section,.embedded-demo)>.container,.marketing-design section[data-shared-pricing]>.wrap{margin-inline:auto;width:var(--seitenbreite)!important;max-width:none!important;padding-inline:0!important}.marketing-design .dm-landing.subpages-shell .wrap,.marketing-design .dm-landing.subpages-shell .context-width,.marketing-design :is(.ex-metrics-band,.app-benefits-band)>div,.marketing-design .ex-special-module,.marketing-design .ex-feature-row{width:var(--seitenbreite)}.marketing-design .audience-rhythm .dm-landing.subpages-shell .wrap:has(>.ex-focus-series){width:var(--seitenbreite)}.marketing-design .dm-landing.subpages-shell .reference-related>.wrap,.marketing-design .product-related.related-didit>.container{width:var(--seitenbreite)!important;padding-inline:0!important}.marketing-design .dm-landing.subpages-shell section.block>.wrap-narrow:has(>:is(.preis-rechner,.kosten-rechner)){width:var(--seitenbreite)}.marketing-design .dm-landing.subpages-shell section.block>.wrap-narrow>:is(.preis-rechner,.kosten-rechner){max-width:none}.marketing-design .dm-landing .kopfleiste.gleitend .wrap.nav-innen,.marketing-design .dm-landing.glaswerk :is(footer,.ki-leiste) .wrap{width:var(--seitenbreite);max-width:none;margin-inline:auto;padding-inline:0}
.marketing-design .extended-faq-section,.marketing-design .faq-section[data-section-divider]{position:relative;border-top:0!important}.marketing-design .extended-faq-section:before,.marketing-design .faq-section[data-section-divider]:before{content:"";width:var(--seitenbreite);border-top:1px solid #dfe3e8;position:absolute;top:0;left:50%;transform:translate(-50%)}.marketing-design .faq-section>.faq-layout.ex-faq-layout,.marketing-design .extended-faq-section>.faq-inner{width:var(--seitenbreite);max-width:760px;margin-inline:auto;padding-inline:0}.marketing-design :is(.faq-list,.faq) details>summary>span[aria-hidden=true],.marketing-design :is(.faq-list,.faq) .faq-plus{display:none!important}.marketing-design :is(.faq-list,.faq)>details>summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;min-height:0!important;color:var(--df-tinte)!important;align-items:flex-start!important;gap:24px!important;padding:22px 0!important;font-size:19px!important;font-weight:450!important;line-height:1.45!important;display:flex!important}.marketing-design :is(.faq-list,.faq)>details>summary:after{border:1.6px solid #8a93a0;border-width:0 1.6px 1.6px 0;flex:none;width:9px;height:9px;margin:.42em 4px 0 0;transition:transform .32s cubic-bezier(.22,.8,.22,1),border-color .2s;transform:rotate(45deg);content:""!important}.marketing-design :is(.faq-list,.faq)>details[open]:not([data-schliesst])>summary:after{transform:translateY(4px)rotate(225deg)}.marketing-design :is(.faq-list,.faq)>details>summary:hover:after{border-color:var(--df-tinte)}.marketing-design :is(.faq-list,.faq)>details>:not(summary){color:var(--df-grau-text)!important;margin:-6px 0 0!important;padding:0 44px 24px 0!important;font-size:16px!important;line-height:1.7!important}@media (max-width:700px){.marketing-design :is(.faq-list,.faq)>details>summary{gap:16px!important;padding:18px 0!important;font-size:17px!important}.marketing-design :is(.faq-list,.faq)>details>:not(summary){padding-right:8px!important;font-size:15px!important}}@media (prefers-reduced-motion:reduce){.marketing-design :is(.faq-list,.faq)>details>summary:after{transition:none}}.marketing-design .faq-list,.marketing-design .dm-landing.subpages-shell .faq{border-top:0}.marketing-design .faq-list>details:last-of-type,.marketing-design .dm-landing.subpages-shell .faq>details:last-of-type,.marketing-design .dm-landing.subpages-shell .ex-faq-native .faq>details:last-of-type{border-bottom:0}
.marketing-design .support-wege-abschnitt{--support-rahmen:#e3e7ed;--support-radius:20px}.marketing-design .dm-landing.subpages-shell .support-wege-abschnitt{padding:72px 0 88px}.marketing-design .dm-landing .support-kopf{text-align:center;max-width:760px;margin:0 auto 40px}.marketing-design .dm-landing .support-kopf h2{color:var(--df-tinte);letter-spacing:-.025em;margin:0;font-size:40px;font-weight:500;line-height:1.2}.marketing-design .dm-landing .support-wege{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.marketing-design .dm-landing .support-weg{border:1px solid var(--support-rahmen);border-radius:var(--support-radius);min-width:0;color:var(--df-tinte);background:#fff;flex-direction:column;align-items:flex-start;padding:30px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.marketing-design .dm-landing .support-weg:hover{border-color:#cbd3dd;box-shadow:0 12px 30px -22px #12161c4d}.marketing-design .dm-landing .support-weg:focus-visible{outline:2px solid var(--df-blau-link);outline-offset:3px}.marketing-design .dm-landing .support-weg-symbol{color:var(--df-blau-link);margin-bottom:22px;line-height:0;display:block}.marketing-design .dm-landing .support-weg-symbol svg{width:28px;height:28px}.marketing-design .dm-landing .support-weg-art{color:var(--df-grau-leise);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.marketing-design .dm-landing .support-weg-titel{color:var(--df-tinte);letter-spacing:-.01em;margin:8px 0 0;font-size:22px;font-weight:500;line-height:1.3}.marketing-design .dm-landing .support-weg p{color:var(--df-grau-text);margin:10px 0 0;font-size:16px;line-height:1.6}.marketing-design .dm-landing .support-weg-link{max-width:100%;color:var(--df-blau-link);overflow-wrap:anywhere;align-items:center;gap:6px;margin-top:auto;padding-top:26px;font-size:16px;font-weight:500;display:inline-flex}.marketing-design .dm-landing .support-weg-link svg{flex:none;width:16px;height:16px;transition:transform .2s}.marketing-design .dm-landing .support-weg:hover .support-weg-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.marketing-design .dm-landing .support-weg:hover .support-weg-link svg{transform:translate(2px,-2px)}@media (max-width:900px){.marketing-design .dm-landing .support-wege{grid-template-columns:minmax(0,1fr);gap:14px}}@media (max-width:700px){.marketing-design .dm-landing.subpages-shell .support-wege-abschnitt{padding:52px 0 60px}.marketing-design .dm-landing .support-kopf{margin-bottom:28px}.marketing-design .dm-landing .support-kopf h2{font-size:32px}.marketing-design .dm-landing .support-weg{padding:24px}.marketing-design .dm-landing .support-weg-symbol{margin-bottom:18px}.marketing-design .dm-landing .support-weg-titel{font-size:21px}.marketing-design .dm-landing .support-weg p{font-size:15px}.marketing-design .dm-landing .support-weg-link{padding-top:20px;font-size:15px}}@media (prefers-reduced-motion:reduce){.marketing-design .dm-landing .support-weg,.marketing-design .dm-landing .support-weg-link svg{transition:none}}