:root{--color-xdf-component:var(--color-xdf-primary-60);--color-xdf-base:var(--color-xdf-primary-50);--color-xdf-light:var(--color-xdf-primary-30);--color-xdf-characteristic:#3893b7;--color-xdf-characteristic-light:#b1d8e7;--color-xdf-characteristic-contrast:#307d9c;--color-xdf-characteristic-contrast-dark:#245e75;--color-xdf-characteristic-supahcontrast:#122f3b;--color-xdf-characteristic-screen:#3893b740;--color-xdf-characteristic-screen-dark:#0e2630bf;--color-xdf-characteristic-screen-verydark:#09151bbf;--star-xdf-characteristics:url(../images/icons/stars/dwb-star_characteristic.svg);--star-xdf-characteristics-contrast:url(../images/icons/stars/dwb-star_characteristic_contrast.svg);--color-xdf-dynamic:#66ac71;--color-xdf-dynamic-light:#bfd9c3;--color-xdf-dynamic-contrast:#4b8154;--color-xdf-dynamic-contrast-dark:#39603f;--color-xdf-dynamic-supahcontrast:#335739;--color-xdf-dynamic-screen:#66ac7140;--color-xdf-dynamic-screen-dark:#0b1f0ebf;--color-xdf-dynamic-screen-verydark:#081409bf;--star-xdf-dynamic:url(../images/icons/stars/dwb-dynamic.svg);--star-xdf-dynamic-contrast:url(../images/icons/stars/dwb-star_dynamic_contrast.svg);--color-xdf-complex:#f26321;--color-xdf-complex-light:#f3bea5;--color-xdf-complex-contrast:#b44a18;--color-xdf-complex-contrast-dark:#873712;--color-xdf-complex-supahcontrast:#431c09;--color-xdf-complex-screen:#f2632140;--color-xdf-complex-screen-dark:#381c0fbf;--color-xdf-complex-screen-verydark:#201009bf;--star-xdf-complex:url(../images/icons/stars/dwb-complex.svg);--star-xdf-complex-contrast:url(../images/icons/stars/dwb-star_complex_contrast.svg);--color-xdf-underlying:#ea9f2e;--color-xdf-underlying-light:#f6d4a2;--color-xdf-underlying-contrast:#ba7712;--color-xdf-underlying-contrast-dark:#8b590e;--color-xdf-underlying-supahcontrast:#462d07;--color-xdf-underlying-screen:#ea9f2e40;--color-xdf-underlying-screen-dark:#412e10bf;--color-xdf-underlying-screen-verydark:#1c1508bf;--star-xdf-underlying:url(../images/icons/stars/dwb-underlying.svg);--star-xdf-underlying-contrast:url(../images/icons/stars/dwb-star_underlying_contrast.svg);--color-xdf-core:#e26994;--color-xdf-core-light:#efa9c2;--color-xdf-core-contrast:#bc295d;--color-xdf-core-contrast-dark:#81183d;--color-xdf-core-supahcontrast:#400c1e;--color-xdf-core-screen:#e2699440;--color-xdf-core-screen-dark:#2c151dbf;--color-xdf-core-screen-verydark:#1a0b11bf;--star-xdf-core:url(../images/icons/stars/dwb-core.svg);--star-xdf-core-contrast:url(../images/icons/stars/dwb-star_core_contrast.svg);--color-emoji-harmoniousalignmentveryhappy:#b3eaa8;--color-emoji-alignedhappy:#becef2;--color-emoji-noalignmentangry:#e54c4a;--color-emoji-noeffect:#e4e4e4;--color-emoji-noeffect-dark:#818181;--color-xdf-primary-30:#bfa1c4;--color-xdf-primary-50:#95629d;--color-xdf-primary-60:#7b4f7d;--color-xdf-primary-screen-05:#5c3b5e40;--color-xdf-primary-screen-80:#19101acc;--color-xdf-primary-screen-darkmode-05:#98649c4d;--xdf-context-light:url(../images/icons/xdf/xdf-context-light.svg);--xdf-context-dark:url(../images/icons/xdf/xdf-context-dark.svg);--xdf-people-light:url(../images/icons/xdf/xdf-people-light.svg);--xdf-people-dark:url(../images/icons/xdf/xdf-people-dark.svg);--xdf-design-light:url(../images/icons/xdf/xdf-design-light.svg);--xdf-design-dark:url(../images/icons/xdf/xdf-design-dark.svg);--xdf-activity-light:url(../images/icons/xdf/xdf-activity-light.svg);--xdf-activity-dark:url(../images/icons/xdf/xdf-activity-dark.svg);--color-enhances:#55cc3d;--color-enhances-supabrite:#80ff00;--color-enhances-screen:#55cc3d33;--color-damages:#b81816;--color-damages-supabrite:#ff0300;--color-damages-screen:#b8181633;--color-supports:#87a3e4;--color-supports-supabrite:#34aef0;--color-supports-screen:#87a3e433;--icon-home:url(../images/icons/xdf/xdf_home-gray.svg);--icon-person:url(../images/icons/xdf/xdf_person-gray.svg);--icon-object:url(../images/icons/xdf/xdf_design-gray.svg);--icon-context:url(../images/icons/xdf/xdf_context-gray.svg);--icon-game:url(../images/icons/xdf/xdf_trophy-gray.svg);--icon-factors:url(../images/icons/xdf/xdf_factors-gray.svg);--icon-person-light:url(../images/icons/xdf/xdf_person-light.svg);--icon-object-light:url(../images/icons/xdf/xdf_design-light.svg);--icon-context-light:url(../images/icons/xdf/xdf_context-light.svg);--pattern-grid-01-light:url(../images/patterns/grid-background-01-light.png);--pattern-diags:url(../images/patterns/texturescreen.png) repeat top left;--pageback-top-a:url(../images/patterns/pageback-top-a.svg) no-repeat top center;--pageback-top-b:url(../images/patterns/pageback-top-b.svg) no-repeat top center;--pattern-xdf-boxes-light:url(../images/patterns/xdf/xdf_boxes_pattern.svg);--pattern-xdf-boxes-dark:url(../images/patterns/xdf/xdf_boxes_pattern_dark.svg);--pattern-xdf-boxes-color:url(../images/patterns/xdf/xdf_boxes_pattern_color.svg);--icon-emotion-angry:url(../images/icons/emoji/icon-emotion-angry.svg);--icon-emotion-angry-on:url(../images/icons/emoji/icon-emotion-angry-on.svg);--icon-emotion-angry-light:url(../images/icons/emoji/icon-emotion-angry-light.svg);--icon-emotion-sad:url(../images/icons/emoji/icon-emotion-sad.svg);--icon-emotion-neutral:url(../images/icons/emoji/icon-emotion-neutral.svg);--icon-emotion-neutral-on:url(../images/icons/emoji/icon-emotion-neutral-on.svg);--icon-emotion-neutral-light:url(../images/icons/emoji/icon-emotion-neutral-light.svg);--icon-emotion-happy:url(../images/icons/emoji/icon-emotion-happy.svg);--icon-emotion-happy-on:url(../images/icons/emoji/icon-emotion-happy-on.svg);--icon-emotion-happy-light:url(../images/icons/emoji/icon-emotion-happy-light.svg);--icon-emotion-veryhappy:url(../images/icons/emoji/icon-emotion-veryhappy.svg);--icon-emotion-veryhappy-on:url(../images/icons/emoji/icon-emotion-veryhappy-on.svg);--icon-emotion-veryhappy-light:url(../images/icons/emoji/icon-emotion-veryhappy-light.svg);--icon-emotion-designlove:url(../images/icons/emoji/design-love.svg);--icon-emotion-designlove-on:url(../images/icons/emoji/design-love-on.svg);--icon-emotion-designnice:url(../images/icons/emoji/design-nice.svg);--icon-emotion-designnice-on:url(../images/icons/emoji/design-nice-on.svg);--icon-emotion-designpain:url(../images/icons/emoji/design-pain.svg);--icon-emotion-designpain-on:url(../images/icons/emoji/design-pain-on.svg);--icon-emotion-designnoeffect:url(../images/icons/emoji/design-noeffect.svg);--icon-emotion-designnoeffect-on:url(../images/icons/emoji/design-noeffect-on.svg);--icon-emotion-contextlove:url(../images/icons/emoji/context-sunshine.svg);--icon-emotion-contextlove-on:url(../images/icons/emoji/context-sunshine-on.svg);--icon-emotion-contextnice:url(../images/icons/emoji/context-nice.svg);--icon-emotion-contextnice-on:url(../images/icons/emoji/context-nice-on.svg);--icon-emotion-contextstorm:url(../images/icons/emoji/context-storm.svg);--icon-emotion-contextstorm-on:url(../images/icons/emoji/context-storm-on.svg);--icon-emotion-contextnoeffect:url(../images/icons/emoji/context-noeffect.svg);--icon-emotion-contextnoeffect-on:url(../images/icons/emoji/context-noeffect-on.svg);--hover-effect-small:translate(-3px, -3px);--border-radius-xdf-factors:6px;--xdf-border-radius:24px;--xdf-factor-button:.775rem;--xdf-factor-header-item:.675rem;--xdf-factor-card-item:.75rem}a.xdf-item{background-position:50%;background-repeat:no-repeat;background-size:contain}button.factor,a.xdf-item{cursor:pointer;white-space:nowrap;border-radius:var(--border-radius-xdf-factors);letter-spacing:.11rem;text-transform:uppercase;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}button.factor span,a.xdf-item span{line-height:var(--line-height-none);background-position:0;background-repeat:no-repeat;background-size:12px;padding:0 0 0 19px}button.factor:hover,a.xdf-item:hover{transform:var(--hover-effect-small);transition:transform .1s ease-in,box-shadow .1s ease-in}a.xdf-item{font-size:var(--xdf-factor-header-item);padding:4px 8px}button.factor{font-size:var(--xdf-factor-button);height:max-content;padding:14px 12px}.post-xdf{display:flex}.post-xdf a.xdf-item{background-position:10px;background-size:10px;padding-left:26px}.post-xdf a.xdf-item.xdf-level{padding-left:8px}button.factor{width:260px}.factors-grid th,.factors-grid td{padding:10px}.factors-grid button.factor{display:block}button.factor,a.xdf-item{color:var(--text-lightest);background-color:var(--color-xdf-base);border:var(--border-thickness-thick) solid var(--color-xdf-base)}button.factor.level-characteristic,a.xdf-item.level-characteristic{background-color:var(--color-xdf-characteristic);border:var(--border-thickness-thick) solid var(--color-xdf-characteristic)}button.factor.level-characteristic:hover,a.xdf-item.level-characteristic:hover{box-shadow:4px 4px var(--color-xdf-characteristic-contrast)}button.factor.level-dynamic,a.xdf-item.level-dynamic{background-color:var(--color-xdf-dynamic);border:var(--border-thickness-thick) solid var(--color-xdf-dynamic)}button.factor.level-dynamic:hover,a.xdf-item.level-dynamic:hover{box-shadow:4px 4px var(--color-xdf-dynamic-contrast)}button.factor.level-complex,a.xdf-item.level-complex{background-color:var(--color-xdf-complex);border:var(--border-thickness-thick) solid var(--color-xdf-complex)}button.factor.level-complex:hover,a.xdf-item.level-complex:hover{box-shadow:4px 4px var(--color-xdf-complex-contrast)}button.factor.level-underlying,a.xdf-item.level-underlying{background-color:var(--color-xdf-underlying);border:var(--border-thickness-thick) solid var(--color-xdf-underlying)}button.factor.level-underlying:hover,a.xdf-item.level-underlying:hover{box-shadow:4px 4px var(--color-xdf-underlying-contrast)}button.factor.level-core,a.xdf-item.level-core{background-color:var(--color-xdf-core);border:var(--border-thickness-thick) solid var(--color-xdf-core)}button.factor.level-core:hover,a.xdf-item.level-core:hover{box-shadow:4px 4px var(--color-xdf-core-contrast)}button.factor.xdf-component:hover,button.factor.level-component:hover,a.xdf-item.xdf-component:hover,a.xdf-item.level-component:hover{box-shadow:4px 4px var(--color-xdf-component)}button.factor.level-component,button.factor.component-level,a.xdf-item.level-component,a.xdf-item.component-level{border:var(--border-thickness-thick) solid var(--color-xdf-component);color:var(--text-default);background-color:#0000}button.factor.level-component.level-characteristic,button.factor.component-level.level-characteristic,a.xdf-item.level-component.level-characteristic,a.xdf-item.component-level.level-characteristic{border:var(--border-thickness-thick) solid var(--color-xdf-characteristic)}button.factor.level-component.level-dynamic,button.factor.component-level.level-dynamic,a.xdf-item.level-component.level-dynamic,a.xdf-item.component-level.level-dynamic{border:var(--border-thickness-thick) solid var(--color-xdf-dynamic)}button.factor.level-component.level-complex,button.factor.component-level.level-complex,a.xdf-item.level-component.level-complex,a.xdf-item.component-level.level-complex{border:var(--border-thickness-thick) solid var(--color-xdf-complex)}button.factor.level-component.level-underlying,button.factor.component-level.level-underlying,a.xdf-item.level-component.level-underlying,a.xdf-item.component-level.level-underlying{border:var(--border-thickness-thick) solid var(--color-xdf-underlying)}button.factor.level-component.level-core,button.factor.component-level.level-core,a.xdf-item.level-component.level-core,a.xdf-item.component-level.level-core{border:var(--border-thickness-thick) solid var(--color-xdf-core)}a.xdf-item.component-context{background-image:var(--xdf-context-light)}a.xdf-item.component-people{background-image:var(--xdf-people-light)}a.xdf-item.component-design{background-image:var(--xdf-design-light)}a.xdf-item.component-activity{background-image:var(--xdf-activity-light)}button.factor.component-context span{background-image:var(--xdf-context-light)}button.factor.component-people span{background-image:var(--xdf-people-light)}button.factor.component-design span{background-image:var(--xdf-design-light)}button.factor.component-activity span{background-image:var(--xdf-activity-light)}button.factor.level-component.component-context span{background-image:var(--xdf-context-dark)}button.factor.level-component.component-people span{background-image:var(--xdf-people-dark)}button.factor.level-component.component-design span{background-image:var(--xdf-design-dark)}button.factor.level-component.component-activity span{background-image:var(--xdf-activity-dark)}button.factor.component-level span{padding:0}html[data-user-theme=dark] button.factor.level-component.component-context span{background-image:var(--xdf-context-light)}html[data-user-theme=dark] button.factor.level-component.component-people span{background-image:var(--xdf-people-light)}html[data-user-theme=dark] button.factor.level-component.component-design span{background-image:var(--xdf-design-light)}html[data-user-theme=dark] button.factor.level-component.component-activity span{background-image:var(--xdf-activity-light)}ul.factor-examples{gap:0 var(--wp--preset--spacing--2);grid-template-columns:1fr 1fr;margin-top:20px;padding:20px 0 8px;list-style-type:disc;display:grid;position:relative}ul.factor-examples:before{content:"Examples";position:absolute;top:4px;left:8px}ul.factor-examples li{line-height:var(--line-height-tight);margin-top:8px;margin-left:8px}@media only screen and (max-width:759px){ul.factor-examples{grid-template-columns:1fr 1fr}}button.navigateButton{margin-top:var(--wp--preset--spacing--3)}p.navigation-alert{margin-top:var(--wp--preset--spacing--2)}button.navigateButton{width:100%;white-space:inherit}.modal-content.factormodal{border:var(--border-thickness-thick) solid var(--color-xdf-base);background-color:var(--surface-page-default)}.modal-content.factormodal .teaser-head{background-color:var(--color-xdf-base)}.modal-content .factor_details a{color:var(--text-lightest)}.modal-content button.navigateButton{background-color:var(--color-xdf-base);border:var(--border-thickness-thick) solid var(--color-xdf-base)}.modal-content.level-characteristic{border:var(--border-thickness-thick) solid var(--color-xdf-characteristic)}.modal-content.level-characteristic .teaser-head,.modal-content.level-characteristic button.navigateButton{background-color:var(--color-xdf-characteristic)}.modal-content.level-characteristic button.navigateButton{border:var(--border-thickness-thick) solid var(--color-xdf-characteristic)}.modal-content.level-characteristic button.navigateButton:hover{background-color:var(--color-xdf-characteristic-light);border:var(--border-thickness-thick) solid var(--color-xdf-characteristic-light)}.modal-content.level-dynamic{border:var(--border-thickness-thick) solid var(--color-xdf-dynamic)}.modal-content.level-dynamic .teaser-head,.modal-content.level-dynamic button.navigateButton{background-color:var(--color-xdf-dynamic)}.modal-content.level-dynamic button.navigateButton{border:var(--border-thickness-thick) solid var(--color-xdf-dynamic)}.modal-content.level-dynamic button.navigateButton:hover{background-color:var(--color-xdf-dynamic-light);border:var(--border-thickness-thick) solid var(--color-xdf-dynamic-light)}.modal-content.level-complex{border:var(--border-thickness-thick) solid var(--color-xdf-complex)}.modal-content.level-complex .teaser-head,.modal-content.level-complex button.navigateButton{background-color:var(--color-xdf-complex)}.modal-content.level-complex button.navigateButton{border:var(--border-thickness-thick) solid var(--color-xdf-complex)}.modal-content.level-complex button.navigateButton:hover{background-color:var(--color-xdf-complex-light);border:var(--border-thickness-thick) solid var(--color-xdf-complex-light)}.modal-content.level-underlying{border:var(--border-thickness-thick) solid var(--color-xdf-underlying)}.modal-content.level-underlying .teaser-head,.modal-content.level-underlying button.navigateButton{background-color:var(--color-xdf-underlying)}.modal-content.level-underlying button.navigateButton{border:var(--border-thickness-thick) solid var(--color-xdf-underlying)}.modal-content.level-underlying button.navigateButton:hover{background-color:var(--color-xdf-underlying-light);border:var(--border-thickness-thick) solid var(--color-xdf-underlying-light)}.modal-content.level-core{border:var(--border-thickness-thick) solid var(--color-xdf-core)}.modal-content.level-core .teaser-head,.modal-content.level-core button.navigateButton{background-color:var(--color-xdf-core)}.modal-content.level-core button.navigateButton{border:var(--border-thickness-thick) solid var(--color-xdf-core)}.modal-content.level-core button.navigateButton:hover{background-color:var(--color-xdf-core-light);border:var(--border-thickness-thick) solid var(--color-xdf-core-light)}body:not(.domain-xdfactors) .navigateButton:after{background-image:var(--element-linkexternal-light)}.factor-details{gap:var(--wp--preset--spacing--4);margin-top:var(--wp--preset--spacing--1);letter-spacing:.08rem;text-transform:uppercase;font-weight:var(--font-weight-semibold);display:flex}.factor-details a,.entry-content .factor-details a{color:var(--text-lightest);text-decoration:none}.entry-content .modal-content{border-radius:var(--border-radius-large)}.entry-content .modal-content .factor-details{font-size:var(--xdf-factor-button)}.entry-content .modal-content p,.entry-content .modal-content ul,.entry-content .modal-content ol{font-size:var(--wp--preset--font-size--sm)}.entry-content .modal-content ul.factor-examples{font-size:var(--modal-meta-font-size);background-color:var(--color-black-screen-10);border-radius:var(--border-radius-xdf-factors);list-style-type:none}.entry-content .modal-content ul.factor-examples:before{font-size:var(--meta-label-font-size);text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.75;font-weight:var(--font-weight-medium)}.entry-content .modal-content p.navigation-alert{font-size:var(--wp--preset--font-size--xxs);opacity:var(--text-opacity)}button.navigateButton{font-size:var(--button-font-size)}html[data-user-theme=dark] .modal-content.factormodal{background-color:var(--surface-page-dark)}.factor-block{border-radius:var(--xdf-border-radius);margin:20px 0;padding:20px}@media only screen and (min-width:980px){.factor-block{grid-gap:20px;grid-template-columns:[start]260px[divider1]1fr[end];display:grid}}.factor-block button.factor{width:100%;margin-left:auto;margin-right:auto}