.color-deep-teal{color:#2f7a7b}.bg-deep-teal{background-color:#2f7a7b}.color-muted-green{color:#4bae83}.bg-muted-green{background-color:#4bae83}.color-dark-brick{color:#84301c}.bg-dark-brick{background-color:#84301c}.color-burnt-orange{color:#b24f36}.bg-burnt-orange{background-color:#b24f36}.color-rust-red{color:#9e3f28}.bg-rust-red{background-color:#9e3f28}.color-soft-coral{color:#d66d53}.bg-soft-coral{background-color:#d66d53}.flex-row{display:flex}.horizontal-grid,.row-grid{display:grid;grid-template-columns:210px 210px 40px 210px 210px 210px;position:relative;padding-top:5px;background:#faf7f2;gap:25px;padding-right:50px;padding-left:5px}.row-1,.row-2,.row-3{grid-template-columns:210px 40px 210px 210px 210px 210px;position:relative;z-index:0}.row-1{z-index:3}.row-2{z-index:2}.row-3{z-index:1}.cell#one,.cell#two,.cell#three{display:flex;flex-direction:column;background:transparent;text-align:center;justify-self:center;width:30px !important}.node{text-align:center;transition:transform 0.25s ease;display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:transform 0.3s ease;height:112px;justify-content:center;position:relative;perspective:900px;transform-style:preserve-3d;width:100%;min-height:60px;margin:10px 0}.node .icon{height:55px}.node .icon img{transition:transform 0.3s ease, opacity 0.3s ease;filter:brightness(100);width:55px;height:55px}.node:hover{transform:scale(1.05)}.node .label{font-size:14px;text-align:center;color:var(--cream);width:98%;text-transform:uppercase;font-weight:500;margin-top:3px;word-wrap:break-word;backface-visibility:hidden;transform-style:preserve-3d;line-height:17px}.node.is-flipped .label{transform:rotateY(180deg);font-size:0.65rem;text-transform:none;font-size:9px;font-weight:300;width:100%;padding:15px;line-height:1.1}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.4s ease}.card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px;backface-visibility:hidden;transform-style:preserve-3d}.card-face--front{flex-direction:row}.card-face--back{flex-direction:column;transform:rotateY(180deg)}.label--back{text-transform:none;font-size:9px;font-weight:300;width:100%;padding:15px;line-height:1.1;color:var(--cream);text-align:center}.node.is-flipped .card-inner{transform:rotateY(180deg)}.side-wrap{position:relative;background:#faf7f2;display:flex}#vu,#kunde{flex-direction:column;width:75px;margin:15px;padding:5px}#vu img,#kunde img{transition:transform 0.3s ease, opacity 0.3s ease;filter:none;width:55px;height:55px}#vu .label,#kunde .label{color:#565655}#connections,svg#connections{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:10}#connections line,svg#connections line{stroke:#565655;stroke-width:2;stroke-linecap:round}#connections marker path,svg#connections marker path{fill:#565655;stroke:#565655;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#vertrieb-infographic{position:relative}.step.final .col .node#erfolgreichertermin{border-radius:550px;padding:10px 10px}.step.final .col .node#erfolgreichertermin img{filter:invert(1) brightness(999)}.step.final .col .node#erfolgreichertermin .label{color:var(--secondary);width:95%}.step.final .col .node#erfolgreichertermin .icon{max-height:56px}.vertrieb-columns{display:flex;position:relative;flex-direction:column;align-items:center;padding:1.5rem 1rem 3rem;gap:2rem}.timeline-wrapper{position:relative;width:100%;max-width:420px;margin:0 auto}.timeline{display:flex;flex-direction:column;gap:20px;width:100%;background-color:#fef7f5}.connector{position:relative;height:127%;width:12px;color:white;background-color:white !important}.step{display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;min-height:130px}.step.header-step{border-bottom:white solid 12px}.col{display:flex;justify-content:center;background-color:#fef7f5;height:100%;align-items:center}.final .node.highlight{background:rgba(215, 114, 91, 0.1);border-radius:12px;padding:0.5rem 0.75rem}.absolute{position:absolute;inset:0;margin:auto}.relative{position:relative;overflow:hidden}#erfolgreichertermin{display:flex;align-items:center;justify-content:center;overflow:visible;overflow:visible}#erfolgreichertermin #success-badge{border-radius:550px;position:absolute;padding:0px 30px;display:flex;flex-direction:column;padding:0 !important;width:fit-content;max-height:130px;transform-origin:center;width:140px}#erfolgreichertermin #success-badge .badge-bg{fill:#2f7a7b}#erfolgreichertermin #success-badge image{filter:brightness(100)}#erfolgreichertermin #success-badge .badge-text{font-size:52px;font-weight:700;letter-spacing:0.1em;fill:white;dominant-baseline:middle}@media (max-width:1024px){.vertrieb-grid{gap:10px}.vertrieb-grid .row{grid-template-columns:repeat(auto-fit, minmax(110px, 1fr));gap:0.8rem}.node .icon img{width:48px;height:auto}.label{font-size:11.5px;margin-top:2px}.cell#one,.cell#two,.cell#three{width:25px !important}.row-1,.row-2,.row-3{grid-template-columns:90px 20px 90px 90px 90px 90px !important}.horizontal-grid,.row-grid{grid-template-columns:90px 90px 20px 90px 90px 90px;gap:12px;padding-right:30px}#connections line{stroke-width:1.5}#connections marker path{stroke-width:1.3}.top-section,.bottom-section{padding:0 0.5rem;margin-top:0}}.vertrieb-grid{position:relative;display:flex;flex-direction:column;align-items:center;width:95%;max-width:1400px;margin:0 auto;gap:0.6rem}.vertrieb-grid .row{display:grid;grid-template-columns:repeat(auto-fit, minmax(130px, 1fr));justify-items:center;align-items:center;gap:clamp(1rem, 3vw, 2.5rem);width:100%}.infographic-intro{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:rgba(250, 247, 242, 0.45);opacity:1;transition:opacity 0.2s ease}.infographic-intro.is-hidden{opacity:0}.infographic-intro__card{width:min(520px, 92vw);position:relative;background:rgba(255, 255, 255, 0.98);border:1px solid rgba(90, 92, 97, 0.14);border-radius:18px;padding:22px 22px 18px;box-shadow:0 22px 60px rgba(0, 0, 0, 0.12)}.infographic-intro__title{font-size:18px;font-weight:700;color:#5a5c61;color:#d6725b;letter-spacing:0.02em;font-family:"Poppins", Sans-serif}.infographic-intro__body{margin-top:8px;font-size:15px;line-height:1.35;color:#5a5c61;font-weight:400}.infographic-intro__close{position:absolute;top:10px;right:12px;width:34px;height:34px;color:#5a5c61;font-size:18px;line-height:1;border:none;cursor:pointer}.infographic-intro__close:hover{color:#84301c;background:none}.infographic-intro__btn{margin-top:14px;border:1px solid rgba(132, 48, 28, 0.35);border-radius:999px;padding:7px 13px;background:transparent;color:#84301c;font-weight:600;font-size:14px;cursor:pointer}.infographic-intro__btn:hover{background:#84301c}@media (max-width:899px){.vertrieb-grid .row{grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem}.node .icon img{width:56px}.label{font-size:12px}}@media (min-width:1200px){.vertrieb-grid .row{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:2rem}}@media (max-width:1424px){.row-1,.row-2,.row-3{grid-template-columns:182px 20px 182px 182px 182px 182px !important}.horizontal-grid,.row-grid{grid-template-columns:182px 182px 20px 182px 182px 182px}}@media (max-width:1324px){.row-1,.row-2,.row-3{grid-template-columns:165px 20px 165px 165px 165px 165px !important}.horizontal-grid,.row-grid{grid-template-columns:165px 165px 20px 165px 165px 165px}}@media (max-width:1224px){.row-1,.row-2,.row-3{grid-template-columns:150px 20px 150px 150px 150px 150px !important}.horizontal-grid,.row-grid{grid-template-columns:150px 150px 20px 150px 150px 150px}}.flip-node{perspective:900px}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.flip-front{flex-direction:column}.flip-back{transform:rotateY(180deg);padding:14px;font-size:0.85rem;line-height:1.35}