.checkbox__hidden{position:absolute;visibility:hidden;pointer-events:none;opacity:0}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.no-scroll{overflow:hidden;height:100%}.product-portfolio{margin-top:64px}@media only screen and (min-width: 768px){.product-portfolio{margin-top:80px}}@media only screen and (min-width: 1440px){.product-portfolio{margin-top:104px}}.product-portfolio{margin-bottom:64px}@media only screen and (min-width: 768px){.product-portfolio{margin-bottom:80px}}@media only screen and (min-width: 1440px){.product-portfolio{margin-bottom:104px}}.product-portfolio__inner{width:var(--content-width);margin-inline:auto}.product-portfolio__head{display:flex;flex-direction:column;text-align:center;margin-inline:auto;align-items:center}.product-portfolio__switch-toggle{all:unset;cursor:pointer;display:flex;gap:8px}.product-portfolio__switch-toggle{margin-bottom:32px}@media only screen and (min-width: 768px){.product-portfolio__switch-toggle{margin-bottom:48px}}@media only screen and (min-width: 1440px){.product-portfolio__switch-toggle{margin-bottom:56px}}@media only screen and (max-width: 1439px){.product-portfolio__switch-toggle{display:none;visibility:hidden}}.product-portfolio__switch-toggle:focus-visible{outline:none}.product-portfolio__switch-toggle:focus-visible .product-portfolio__switch-toggle-slider{outline-offset:2px;outline-color:var(--color-border-focus-1);outline-style:solid;outline-width:2px;border-radius:30px}.product-portfolio__switch-toggle[aria-pressed=true] .product-portfolio__switch-toggle-slider{background:var(--color-surface-action-1)}@media(hover: hover){.product-portfolio__switch-toggle[aria-pressed=true] .product-portfolio__switch-toggle-slider:hover{opacity:.8}}.product-portfolio__switch-toggle[aria-pressed=true] .product-portfolio__switch-toggle-slider svg{transform:translateX(18px);fill:var(--color-content-action-1)}.product-portfolio__switch-toggle-slider{width:44px;height:24px;background:var(--color-content-base-1);transition:all ease-in-out .3s;border-radius:34px;position:relative}.product-portfolio__switch-toggle-slider svg{position:absolute;height:16px;width:16px;left:5px;bottom:4px;background:var(--color-surface-base-1);transition:all ease-in-out .3s;border-radius:50%;display:flex;justify-content:center;align-items:center;fill:var(--color-content-base-2)}@media(hover: hover){.product-portfolio__switch-toggle-slider:hover{background:var(--color-surface-action-1)}}.product-portfolio__pyramid{display:flex;justify-content:center;position:relative;margin-inline:auto}.product-portfolio__pyramid-svg{display:flex;justify-content:center;z-index:1;pointer-events:none;width:var(--content-width)}@media only screen and (min-width: 768px){.product-portfolio__pyramid-svg{width:calc(var(--grid-column-outer)*10 - var(--grid-gutter))}}@media only screen and (min-width: 1440px){.product-portfolio__pyramid-svg{width:calc(var(--grid-column-outer)*8 - var(--grid-gutter))}}.product-portfolio__pyramid-svg .pyramid--desktop{width:100%}@media only screen and (max-width: 1439px){.product-portfolio__pyramid-svg .pyramid--desktop{display:none;visibility:hidden}}.product-portfolio__pyramid-svg .pyramid--mobile{width:100%}@media only screen and (min-width: 1440px){.product-portfolio__pyramid-svg .pyramid--mobile{display:none;visibility:hidden}}@media only screen and (max-width: 499px){.product-portfolio__pyramid-svg .pyramid--mobile .pyramid-svg{height:300px}}@media only screen and (min-width: 500px){.product-portfolio__pyramid-svg .pyramid--mobile .pyramid-svg{margin-top:-8.1vw}}@media only screen and (min-width: 768px){.product-portfolio__pyramid-svg .pyramid--mobile .pyramid-svg{margin-top:0}}.product-portfolio__pyramid-svg svg{width:100%}.product-portfolio__pyramid-svg svg path{cursor:pointer;transition:fill .33s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .33s cubic-bezier(0.645, 0.045, 0.355, 1);pointer-events:all}.product-portfolio__pyramid-svg svg path[data-hover-active=false]{opacity:.2}.product-portfolio__pyramid-svg svg path:focus{outline:none}.product-portfolio__pyramid-svg svg path:focus-visible{outline:none;filter:drop-shadow(-2px 0 0 var(--color-border-focus-1)) drop-shadow(0 2px 0 var(--color-border-focus-1)) drop-shadow(2px 0 0 var(--color-border-focus-1)) drop-shadow(0 -2px 0 var(--color-border-focus-1))}.pyramid-svg [data-pyramid-id=one]{fill:var(--color-product-sky)}.pyramid-svg [data-pyramid-id=two]{fill:var(--color-product-greylight)}.pyramid-svg [data-pyramid-id=three]{fill:var(--color-content-action-2-hover)}.pyramid-svg [data-pyramid-id=four]{fill:var(--color-product-greydark)}.pyramid-svg [data-pyramid-copy=one]{fill:var(--color-content-base-1)}.pyramid-svg [data-pyramid-copy=two],.pyramid-svg [data-pyramid-copy=three],.pyramid-svg [data-pyramid-copy=four]{fill:var(--color-content-base-2)}.pyramid-svg [data-pyramid-copy=one],.pyramid-svg [data-pyramid-copy=two],.pyramid-svg [data-pyramid-copy=three],.pyramid-svg [data-pyramid-copy=four]{pointer-events:none}.product-portfolio__details{position:absolute;background:var(--color-surface-base-4);width:47%;display:flex;flex-direction:column;row-gap:8px}@media only screen and (max-width: 1439px){.product-portfolio__details{display:none}}.product-portfolio__details[aria-hidden=true]{display:none;visibility:hidden}.product-portfolio__details:not(.product-portfolio__details--four)[aria-hidden=false]{animation:fadeInDisplayNoneRight .6s forwards}.product-portfolio__details:not(.product-portfolio__details--four)[aria-hidden=true]{animation:fadeInDisplayNoneRightReverse .4s forwards}.product-portfolio__details.product-portfolio__details--four[aria-hidden=false]{animation:fadeInDisplayNoneLeft .8s forwards}.product-portfolio__details.product-portfolio__details--four[aria-hidden=true]{animation:fadeInDisplayNoneLeftReverse .4s forwards}.product-portfolio__details:focus-visible{outline-offset:2px;outline-color:var(--color-border-focus-1);outline-style:solid;outline-width:2px;border-radius:4px}.product-portfolio__details p{font-family:"Open Sans",Arial,sans-serif;font-size:16px;font-weight:400;line-height:150%}.product-portfolio__details--one{top:0;left:0;height:31.8%;padding:16px 10% 16px 16px}.product-portfolio__details--one .portfolio-details__tag{background:var(--color-product-sky)}.product-portfolio__details--one [data-pyramid-id=one]{fill:var(--color-product-sky)}.product-portfolio__details--one [data-pyramid-id=two],.product-portfolio__details--one [data-pyramid-id=three],.product-portfolio__details--one [data-pyramid-id=four]{opacity:.2}.product-portfolio__details--two{top:33.21%;left:0;height:32.59%;padding:16px 15% 16px 16px}.product-portfolio__details--two .portfolio-details__tag{background:var(--color-product-greylight);color:var(--color-content-base-2)}.product-portfolio__details--two [data-pyramid-id=one],.product-portfolio__details--two [data-pyramid-id=three],.product-portfolio__details--two [data-pyramid-id=four]{opacity:.2}.product-portfolio__details--three{top:67.32%;left:0;height:32.6%;padding:16px 17% 16px 16px}.product-portfolio__details--three .portfolio-details__tag{background:var(--color-content-action-2-hover);color:var(--color-content-base-2)}.product-portfolio__details--three [data-pyramid-id=one],.product-portfolio__details--three [data-pyramid-id=two],.product-portfolio__details--three [data-pyramid-id=four]{opacity:.2}.product-portfolio__details--four{top:0;right:0;height:100%;padding:16px 16px 16px 10%}.product-portfolio__details--four .portfolio-details__tag{background:var(--color-product-greydark);color:var(--color-content-base-2)}.product-portfolio__details--four [data-pyramid-id=one],.product-portfolio__details--four [data-pyramid-id=two],.product-portfolio__details--four [data-pyramid-id=three]{opacity:.2}.portfolio-details__head{position:relative}.portfolio-details__headline{font-family:"Archivo",Arial,sans-serif;font-weight:700;font-size:var(--headline-font-size);line-height:130%;--headline-font-size: 26px}@media only screen and (min-width: 768px){.portfolio-details__headline{--headline-font-size: 32px}}@media only screen and (min-width: 1440px){.portfolio-details__headline{--headline-font-size: 40px}}.portfolio-details__headline{margin-bottom:8px}@media only screen and (max-width: 499px){.portfolio-details__headline{max-width:225px}}.portfolio-details__tag{border-radius:4px;font-weight:700 !important;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:4px 8px}.modal__portfolio-details .modal__content{row-gap:24px}.modal__portfolio-details .pyramid-svg{width:90px;height:auto;position:absolute;right:24px;top:0}@media only screen and (min-width: 768px){.modal__portfolio-details .pyramid-svg{right:0}}.modal__portfolio-details [data-pyramid-copy=one],.modal__portfolio-details [data-pyramid-copy=two],.modal__portfolio-details [data-pyramid-copy=three],.modal__portfolio-details [data-pyramid-copy=four]{display:none}.modal__portfolio-details .product-portfolio__details{position:unset;background:none;padding:0;text-align:left;row-gap:24px;width:100%}@media only screen and (max-width: 1439px){.modal__portfolio-details .product-portfolio__details{display:flex}}.modal__portfolio-details .modal__portfolio-details-cta{border-top:1px solid var(--color-border-action-4)}@media only screen and (min-width: 768px){.modal__portfolio-details .modal__portfolio-details-cta{display:none;visibility:hidden}}