.dd-tour{background:#edf7f6;padding:85px 0}.dd-tour-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:48px;align-items:start}.dd-tour-steps{display:flex;flex-direction:column;gap:9px}.dd-tour-steps button{display:flex;align-items:center;text-align:left;gap:14px;padding:17px;border:1px solid #c7deda;border-radius:10px;background:transparent;color:var(--navy);width:100%;cursor:pointer;transition:background .2s,border-color .2s}.dd-tour-steps button[aria-pressed=true]{background:white;border-color:#0eb4b7;box-shadow:0 8px 25px #082b5206}.dd-tour-steps button>span{display:grid;place-items:center;background:#d9efec;border-radius:7px;min-width:31px;height:31px;font:11px monospace}.dd-tour-steps button[aria-pressed=true]>span{background:var(--navy);color:white}.dd-tour-steps strong{display:block;font:700 13px Manrope,sans-serif}.dd-tour-steps small{display:block;font-size:11px;color:var(--muted);margin-top:3px}#dd-tour-play{margin-top:20px;padding:8px 0;background:transparent;border:0;border-bottom:1px solid #78b8b8;color:#076a74;font-size:12px;cursor:pointer}#dd-tour-description{font-size:14px;color:var(--muted);margin:22px 0 15px;line-height:1.8}#dd-tour-link{font-size:12px}.dd-tour-stage{position:relative;min-height:600px;border:1px solid #b8d4d3;border-radius:18px;background:white;box-shadow:0 30px 70px #082b520b;overflow:hidden}.dd-tour-stage [hidden]{display:none!important}.dd-tour-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e2eceb;padding:15px 20px;background:#f8fbfa}.dd-tour-stage-bar>span:first-child{display:flex;gap:5px}.dd-tour-stage-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#a0bbbf}.dd-tour-stage-bar small{font:9px monospace;letter-spacing:.09em;color:#53717b}.dd-tour-badge{font-size:10px;color:#50717a}.dd-tour-web{position:relative;padding:26px 32px 25px;overflow:hidden;min-height:385px}.dd-tour-web-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2eceb;padding-bottom:16px;margin-bottom:38px}.dd-tour-web-nav>b{font:800 16px Manrope,sans-serif;letter-spacing:-.04em}.dd-tour-web-nav>span{font-size:9px;color:#69808c}.dd-tour-web-eyebrow{font-size:9px;letter-spacing:.09em;color:#53727f;text-transform:uppercase;position:relative;z-index:1}.dd-tour-web h3{white-space:pre-line;font:800 clamp(27px,2.8vw,41px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;margin:14px 0 16px;position:relative;z-index:1;max-width:400px}.dd-tour-web p{font-size:12px;line-height:1.8;color:var(--muted);max-width:270px;position:relative;z-index:1}.dd-tour-web button,.dd-tour-crm button{display:inline-flex;gap:20px;align-items:center;font:600 11px 'DM Sans',Arial,sans-serif;background:var(--navy);color:white;border:0;border-radius:7px;padding:13px 16px;position:relative;z-index:1;cursor:pointer;margin-top:21px}.dd-tour-web button svg,.dd-tour-crm button svg{width:14px;height:14px}.dd-tour-web-art{position:absolute;right:24px;top:165px;width:165px;height:145px;opacity:.95}.dd-tour-web-art i{position:absolute;width:98px;height:98px;border-radius:50%;background:#00c7cd;right:0;top:0}.dd-tour-web-art i:nth-child(2){background:#173e5c;border-radius:14px;left:0;top:47px}.dd-tour-web-art i:nth-child(3){width:55px;height:55px;background:#bbded8;border-radius:10px;right:0;top:90px}.dd-demo-layout{display:flex;gap:12px;margin-top:29px}.dd-demo-layout i{height:25px;flex:1;background:#edf5f3;border-radius:5px}.dd-tour-bottom{padding:8px 32px 24px;border-top:1px solid #e4edeb}.dd-tour-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.dd-tour-options button{font:500 10px 'DM Sans',sans-serif;padding:8px 10px;border:1px solid #c6dad7;border-radius:6px;background:white;color:var(--navy);cursor:pointer}.dd-tour-options button[aria-pressed=true]{background:#e1f5f0;border-color:#139a9f}.dd-tour-hint{font-size:11px;color:var(--muted);margin-top:15px;line-height:1.7}.dd-tour-footnote{display:block;text-align:center;padding:12px 20px 18px;font-size:9px;color:#62808a}#dd-demo-status{font-size:12px;color:#0a7074;padding:0 28px;line-height:1.7}#dd-demo-status:empty{display:none}.dd-tour-stage[data-example=dienst] .dd-tour-web-art i:first-child{border-radius:15px;transform:rotate(12deg);background:#9ae3dc}.dd-tour-stage[data-example=winkel] .dd-tour-web-art i:first-child{border-radius:12px 12px 36px 36px;background:#d2eee5}.dd-tour-stage[data-example=winkel] .dd-demo-layout i{height:44px;border:1px solid #c7e0dc}.dd-tour-stage[data-step="1"] .dd-tour-web-art{opacity:.32}.dd-tour-crm{padding:32px;min-height:447px}.dd-crm-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dd-crm-board>div{background:#f2f7f6;border:1px solid #e0eae8;border-radius:10px;min-height:290px;padding:14px}.dd-crm-board>div>strong{display:block;font-size:11px;color:#607b86;margin-bottom:20px}.dd-crm-card{position:relative;padding:16px;background:white;border:1px solid #b8d9d6;border-radius:10px;box-shadow:0 9px 20px #082b5209;z-index:2;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.dd-crm-avatar{display:grid;place-items:center;width:32px;height:32px;background:#daf3ef;color:#007f84;border-radius:50%;font:700 10px monospace;margin-bottom:14px}.dd-crm-card b,.dd-crm-task b{display:block;font-size:12px}.dd-crm-card small,.dd-crm-task small{display:block;font-size:10px;color:#607b86;margin:7px 0 13px}.dd-crm-tag{font-size:9px;background:#edf6f1;padding:5px 7px;border-radius:4px;display:inline-block;color:#28746f}.dd-crm-task{padding:14px;border:1px dashed #a9cbc6;border-radius:8px;background:#e4f5ee;opacity:0;transform:translateY(8px);transition:opacity .5s .8s,transform .5s .8s;margin-top:215px}.dd-crm-check{display:block;width:9px;height:16px;border:solid #0b8c83;border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 0 12px 4px}.dd-tour-stage.is-followed .dd-crm-card{transform:translateX(calc(100% + 48px))}.dd-tour-stage.is-followed .dd-crm-task{opacity:1;transform:none}.dd-tour-crm button:disabled{opacity:.6;cursor:default}.dd-tour-care{padding:32px;min-height:447px}.dd-care-rack{background:var(--navy);padding:18px;border-radius:12px;margin-bottom:28px}.dd-care-rack>div{display:flex;gap:7px;align-items:center;padding:12px;background:#204663;border:1px solid #3e6079;margin-bottom:7px;border-radius:5px}.dd-care-rack>div:last-child{margin-bottom:0}.dd-care-rack b{font:9px monospace;color:#d1e6e9;margin-right:auto}.dd-care-rack i{width:5px;height:5px;background:#30c6c5;border-radius:50%}.dd-tour-care ul{padding:0;list-style:none}.dd-tour-care li{display:flex;gap:18px;margin-bottom:20px}.dd-tour-care li>span{flex-shrink:0;margin-top:3px}.dd-tour-care strong{font-size:13px;display:block}.dd-tour-care small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.dd-tour-enter .dd-tour-web-nav,.dd-tour-enter .dd-tour-web h3,.dd-tour-enter .dd-tour-web p,.dd-tour-enter .dd-tour-web-art i,.dd-tour-enter .dd-demo-layout i,.dd-tour-enter .dd-care-rack>div,.dd-tour-enter .dd-tour-care li{animation:dd-assemble .7s ease both}.dd-tour-enter .dd-tour-web h3{animation-delay:.1s}.dd-tour-enter .dd-tour-web p{animation-delay:.2s}.dd-tour-enter .dd-tour-web-art i:nth-child(1){animation-delay:.25s}.dd-tour-enter .dd-tour-web-art i:nth-child(2){animation-delay:.4s}.dd-tour-enter .dd-tour-web-art i:nth-child(3){animation-delay:.55s}.dd-tour-enter .dd-demo-layout i:nth-child(2),.dd-tour-enter .dd-care-rack>div:nth-child(2),.dd-tour-enter .dd-tour-care li:nth-child(2){animation-delay:.25s}.dd-tour-enter .dd-demo-layout i:nth-child(3),.dd-tour-enter .dd-care-rack>div:nth-child(3),.dd-tour-enter .dd-tour-care li:nth-child(3){animation-delay:.5s}.dd-tour-stage.is-sending .dd-tour-web{animation:dd-send .9s ease forwards}@keyframes dd-assemble{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dd-send{0%{opacity:1;transform:none}65%{opacity:.75;transform:scale(.94)}100%{opacity:0;transform:translateX(60px) scale(.92)}}@media(max-width:1150px){.dd-tour-layout{grid-template-columns:270px minmax(0,1fr);gap:25px}.dd-tour-web-art{width:110px;right:18px;top:192px;transform:scale(.75);transform-origin:right top}.dd-tour-web h3{font-size:34px}.dd-tour-web p{max-width:230px}}@media(max-width:900px){.dd-tour-layout{grid-template-columns:1fr;gap:28px}.dd-tour-controls{max-width:none}.dd-tour-steps{display:grid;grid-template-columns:1fr 1fr}.dd-tour-web h3{font-size:40px}.dd-tour-web-art{transform:none;width:165px;top:155px;right:35px}.dd-tour-web p{max-width:330px}.dd-tour-stage{max-width:720px;width:100%;margin:auto}}@media(max-width:550px){.dd-tour{padding:55px 0}.dd-tour-steps{grid-template-columns:1fr;gap:7px}.dd-tour-steps button{padding:13px 15px}.dd-tour-stage{min-height:555px}.dd-tour-web{padding:21px;min-height:365px}.dd-tour-web h3{font-size:29px}.dd-tour-web p{max-width:200px;font-size:11px}.dd-tour-web-nav{margin-bottom:24px}.dd-tour-web-art{right:12px;top:215px;width:115px;transform:scale(.65);transform-origin:right top}.dd-tour-web-eyebrow{font-size:8px}.dd-tour-bottom{padding:8px 21px 20px}.dd-tour-options button{font-size:9px}.dd-tour-crm,.dd-tour-care{padding:22px 17px;min-height:460px}.dd-crm-board{gap:10px}.dd-crm-board>div{padding:9px}.dd-crm-card{padding:10px}.dd-crm-card b{font-size:11px}.dd-crm-tag{padding:4px;font-size:8px}.dd-tour-stage.is-followed .dd-crm-card{transform:translateX(calc(100% + 30px))}.dd-crm-task{margin-top:230px;padding:10px}.dd-tour-stage-bar{padding:14px}.dd-tour-stage-bar small{font-size:8px}.dd-tour-footnote{font-size:8px}}@media(prefers-reduced-motion:reduce){.dd-tour *{animation:none!important;transition:none!important}.dd-tour-stage.is-sending .dd-tour-web{transform:none}.dd-tour-steps button{transition:none}}