.demo-product-choice{position:relative;background:#ffffffdf;border-radius:36px;padding:60px 40px 28px;box-shadow:0 8px 35px #628e7610}.demo-product-choice-back{position:absolute;top:32px;right:60px;display:flex;align-items:center;gap:14px;font-size:21px;color:#717782;cursor:pointer}.demo-product-choice-back svg{width:23px;height:23px}.demo-product-choice-heading{text-align:center;margin-bottom:17px}.demo-product-choice-heading h3{font-size:46px;line-height:1.22;letter-spacing:-1.3px;font-weight:800;margin:0;color:#0c1420}.demo-product-choice-heading p{margin:12px auto 0;font-size:20px;line-height:1.6;font-weight:400;color:#757987}.demo-product-choice-board{position:relative;display:grid;grid-template-columns:minmax(0,398fr) minmax(230px,490fr) minmax(0,398fr);grid-template-rows:136px 148px 146px;row-gap:34px;align-items:stretch}.demo-product-choice-mascot{grid-area:1 / 2 / 4 / 3;position:relative;display:grid;align-items:center;justify-items:center;min-width:0}.demo-product-choice-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.demo-product-choice-connection{color:var(--product-dot)}.demo-product-choice-connection path{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:2 8;stroke-linecap:round}.demo-product-choice-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--product-dot);transform:translate(-50%,-50%);pointer-events:none}.demo-product-choice-video{position:relative;z-index:1;width:100%;height:384px;object-fit:contain;pointer-events:none}.demo-product-choice-animation-toggle{position:absolute;z-index:2;bottom:4px;left:calc(50% - 17px);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#216a55;background:#edf5f0;opacity:0;cursor:pointer;transition:opacity .2s}.demo-product-choice-animation-toggle svg{width:16px;height:16px}.demo-product-choice-mascot:hover .demo-product-choice-animation-toggle,.demo-product-choice-animation-toggle:focus-visible{opacity:1}.demo-product-choice-tone-mindmap,.demo-product-choice-tone-infografik{--product-accent: #09614c;--product-tint: #edf6f2;--product-border: #e2ede7;--product-dot: #52a786;--product-shadow: #417c5910}.demo-product-choice-tone-lernfilm{--product-accent: #236f8e;--product-tint: #edf6fe;--product-border: #deebf5;--product-dot: #78bdf5;--product-shadow: #437eac0b}.demo-product-choice-tone-lernplakat{--product-accent: #bf171b;--product-tint: #fff1ed;--product-border: #f7e9e2;--product-dot: #ffb49a;--product-shadow: #c0916e0b}.demo-product-choice-tone-zusammenfassung{--product-accent: #b5161a;--product-tint: #fdeced;--product-border: #f4e2e6;--product-dot: #f58a98;--product-shadow: #c073850b}.demo-product-choice-tone-kreativ{--product-accent: #eba919;--product-tint: #fff6e6;--product-border: #f6edda;--product-dot: #ffce69;--product-shadow: #c5a5520c}.demo-product-choice-card{position:relative;display:flex;align-items:center;text-align:left;gap:26px;width:calc(100% - 24px);padding:16px 22px;background:linear-gradient(115deg,color-mix(in srgb,var(--product-tint) 22%,white),#fff);border:1px solid var(--product-border);border-radius:33px;box-shadow:0 10px 26px var(--product-shadow);cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.demo-product-choice-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--product-accent) 35%,white);box-shadow:0 12px 28px var(--product-shadow)}.demo-product-choice button:focus-visible{outline:3px solid #349770;outline-offset:5px}.demo-product-choice-card.demo-product-choice-tone-mindmap{grid-area:1 / 1;justify-self:end}.demo-product-choice-card.demo-product-choice-tone-lernfilm{grid-area:1 / 3;justify-self:start}.demo-product-choice-card.demo-product-choice-tone-lernplakat{grid-area:2 / 1;justify-self:start}.demo-product-choice-card.demo-product-choice-tone-infografik{grid-area:2 / 3;justify-self:end}.demo-product-choice-card.demo-product-choice-tone-zusammenfassung{grid-area:3 / 1;justify-self:end}.demo-product-choice-card.demo-product-choice-tone-kreativ{grid-area:3 / 3;justify-self:start}.demo-product-choice-icon{flex:0 0 86px;width:86px;height:86px;border-radius:34px;display:grid;place-items:center;background:var(--product-tint);color:var(--product-accent)}.demo-product-choice-icon svg{width:43px;height:43px;stroke-width:2}.demo-product-choice-copy{min-width:0;flex:1;padding-right:12px}.demo-product-choice-label{display:block;color:#111720;font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.45px;overflow-wrap:anywhere}.demo-product-choice-description{display:block;color:#777c89;font-size:18px;line-height:1.4;margin-top:6px;white-space:pre-line}.demo-product-choice-arrow{position:absolute;right:18px;flex:0 0 22px;width:22px;height:27px;color:#416b62;stroke-width:1.7;margin-left:-14px}.demo-product-choice{padding:52px 16px 20px;box-shadow:none;border-radius:24px}.demo-product-choice-back{top:10px;right:14px;min-height:36px;gap:7px;font-size:14px}.demo-product-choice-back svg{width:17px;height:17px}.demo-product-choice-heading{margin-bottom:22px}.demo-product-choice-heading h3{font-size:28px;letter-spacing:-.7px}.demo-product-choice-heading p{font-size:14px;line-height:1.5;margin-top:10px}.demo-product-choice-intro-break{display:none}.demo-product-choice-board{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(110px,auto));row-gap:14px}.demo-product-choice-card{flex-direction:column;justify-content:center;gap:8px;width:calc(100% - 8px);padding:12px 8px;border-radius:20px;text-align:center}.demo-product-choice-icon{width:42px;height:42px;flex-basis:42px;border-radius:16px}.demo-product-choice-icon svg{width:26px;height:26px}.demo-product-choice-copy{flex:0 1 auto;width:100%;padding:0}.demo-product-choice-label{font-size:14px;line-height:1.3;letter-spacing:-.2px;text-wrap:balance}.demo-product-choice-description,.demo-product-choice-arrow{display:none}.demo-product-choice-video{height:100%}.demo-product-choice-dot{width:10px;height:10px}.demo-product-choice-animation-toggle{opacity:.85;width:44px;height:44px;left:calc(50% - 22px)}@container (max-width: 430px){.demo-product-choice{padding-inline:4px}.demo-product-choice-heading h3{font-size:24px}.demo-product-choice-heading p{font-size:13px}.demo-product-choice-board{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:12px}.demo-product-choice-mascot{grid-area:1 / 1;height:220px}.demo-product-choice-video{width:min(260px,100%);height:220px}.demo-product-choice-connections,.demo-product-choice-dot{display:none}.demo-product-choice-card[class]{grid-area:auto;flex-direction:row;justify-content:flex-start;padding:14px;width:100%;min-height:82px;gap:14px;border-radius:18px;text-align:left}.demo-product-choice-copy{flex:1;width:auto}.demo-product-choice-label{font-size:15px}.demo-product-choice-icon{width:44px;height:44px;flex-basis:44px;border-radius:16px}.demo-product-choice-icon svg{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.demo-product-choice-card{transition:none}.demo-product-choice-card:hover{transform:none}}.demo-product-choice-label{hyphens:auto}