@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:400;src:url("../../bundles/diakoniebasic/fonts/montserrat-v25-latin-regular.woff2") format("woff2"), url("../../bundles/diakoniebasic/fonts/montserrat-v25-latin-regular.woff") format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:500;src:url("../../bundles/diakoniebasic/fonts/montserrat-v25-latin-500.woff2") format("woff2"), url("../../bundles/diakoniebasic/fonts/montserrat-v25-latin-500.woff") format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:600;src:url("../../bundles/diakoniebasic/fonts/montserrat-v25-latin-600.woff2") format("woff2"), url("../../bundles/diakoniebasic/fonts/montserrat-v25-latin-600.woff") format("woff")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:700;src:url("../../bundles/diakoniebasic/fonts/montserrat-v25-latin-700.woff2") format("woff2"), url("../../bundles/diakoniebasic/fonts/montserrat-v25-latin-700.woff") format("woff")}.ce_styleguideelement{position:relative;margin:clamp(4em, 0.2222222222vw + 3.9027777778em, 4.125em) 0}.ce_styleguideelement+.ce_styleguideelement{margin-top:0}.ce_styleguideelement .styleguide-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0.5rem 0;border-bottom:2px solid #D6D4CD}.ce_styleguideelement .styleguide-section-header .section-heading{font-size:2.25em;font-size:clamp(1.75em, 0.8888888889vw + 1.3611111111em, 2.25em);line-height:1.22;letter-spacing:-0.02em;font-weight:400;font-weight:600;margin:0 1rem 0 0}.ce_styleguideelement .styleguide-section-header .desc-toggler{display:flex;white-space:nowrap;color:#D43D68}.ce_styleguideelement .styleguide-section-header .desc-toggler svg{display:inline-block;width:1rem;height:auto;margin-left:0.5rem;flex-shrink:0;transition:all 0.4s linear}.ce_styleguideelement .styleguide-section-header .desc-toggler svg path{stroke:#D43D68}.ce_styleguideelement .styleguide-section-header .desc-toggler:hover{opacity:0.5}.ce_styleguideelement .styleguide-section-header.element-expanded .desc-toggler svg{transform:rotate(-180deg)}.ce_styleguideelement .styleguide-section-header.element-expanded+.styleguide-elements-wrapper .styleguide-element-desc{max-height:var(--element-content-height)}.ce_styleguideelement .styleguide-elements-wrapper{display:flex;flex-wrap:wrap}.ce_styleguideelement .styleguide-element{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:2rem;color:#FFF;background-color:#278386;padding:1rem;box-sizing:border-box}.ce_styleguideelement .styleguide-element-heading{font-size:1.37em;font-size:clamp(1.375em, 0.4444444444vw + 1.1805555556em, 1.625em);line-height:1.36;letter-spacing:-0.01em;font-weight:400;font-weight:600;color:#FFF;margin-bottom:0.5em}.ce_styleguideelement .styleguide-element picture{display:block;margin:0 -0.5rem 1rem}.ce_styleguideelement .styleguide-element picture img{display:block;width:100%}.ce_styleguideelement .styleguide-element-desc{width:100%;max-height:0;overflow:hidden;transition:max-height 0.4s linear}.ce_styleguideelement .styleguide-element-desc-inner{padding-bottom:1rem}.ce_styleguideelement .styleguide-element-desc p,.ce_styleguideelement .styleguide-element-desc li{font-size:0.87em;line-height:1.12;font-weight:400;line-height:1.8;color:#FFF}.ce_styleguideelement .styleguide-element-desc a{font:inherit;color:#DD406C;text-decoration:underline}.ce_styleguideelement .styleguide-element-desc a:hover{opacity:0.5}.ce_styleguideelement .styleguide-element-link{font-size:0.87em;line-height:1.12;font-weight:400;display:flex;align-items:center;gap:0.5rem;margin-top:auto;padding:1rem;color:#FFF;background-color:#0A3049}.ce_styleguideelement .styleguide-element-link svg{display:inline-block;height:12px;width:auto}.ce_styleguideelement .styleguide-element-link svg path{stroke:#FFF}@media (min-width:721px){.ce_styleguideelement .styleguide-element{width:31.333%;margin:0 3% 3rem 0}.ce_styleguideelement .styleguide-element:nth-child(3n){margin-right:0}}@media (min-width: 581px and max-width: 720px){.ce_styleguideelement .styleguide-element{width:48%;margin:0 4% 2rem 0}.ce_styleguideelement .styleguide-element:nth-child(2n){margin-right:0}}.ce_styleguideelement:not(:has(.styleguide-element-desc-inner)) .desc-toggler{display:none}.tl_content .ce_styleguideelement picture img{width:100%;max-width:none !important}