@layer components{.PaginationNav{--item-color: var(--main-color-2);--border-color: transparent;--bg-color: transparent;display:flex;justify-content:center;gap:5px}@media(min-width: 768px){.PaginationNav{justify-content:flex-end}}.PaginationNav .PaginationNavButton{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;border-radius:100%;font-family:var(--ff-primary);color:var(--item-color);border:1px solid var(--border-color);background-color:var(--bg-color);transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.PaginationNav .PaginationNavButton.left{--border-color: var(--main-color-1);--item-color: var(--main-color-1);font-size:1.2rem}.PaginationNav .PaginationNavButton.right{--border-color: var(--main-color-1);--item-color: var(--main-color-1);font-size:1.2rem}.PaginationNav .PaginationNavButton.disabled{pointer-events:none;opacity:.5}.PaginationNav .PaginationNavButton.active{--item-color: var(--main-color-1);font-weight:500;pointer-events:none;cursor:default;color:var(--item-color)}@media(min-width: 576px){.PaginationNav .PaginationNavButton{min-width:40px;min-height:40px}}.PaginationNav .PaginationNavButton:not(.active):not([disabled]):active{--item-color: var(--main-color-1)}.PaginationNav .PaginationNavButton:not(.active):not([disabled]):active.left,.PaginationNav .PaginationNavButton:not(.active):not([disabled]):active.right{--bg-color: var(--main-color-1);--item-color: var(--white)}@media(hover: hover){.PaginationNav .PaginationNavButton:not(.active):not([disabled]):hover{--item-color: var(--main-color-1)}.PaginationNav .PaginationNavButton:not(.active):not([disabled]):hover.left,.PaginationNav .PaginationNavButton:not(.active):not([disabled]):hover.right{--bg-color: var(--main-color-1);--item-color: var(--white)}}.PaginationNav .PaginationNavLoadMore{width:100%}}
@layer base{.item-overview .item-list{--min-column-size: 340px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--min-column-size)), 1fr));gap:32px}.item-overview .item-list>.item-column>*{height:100%}.item-overview .PaginationNav{margin-top:20px}.item-overview-sidebar{display:grid;grid-template-columns:1fr;gap:48px}.item-category-navigation{overflow-x:auto}.item-category-navigation>ul{display:flex;align-items:center;flex-direction:row;gap:16px;flex-wrap:nowrap;padding:8px}@media(max-width: 767px){.item-category-navigation>ul li{flex:1 0 auto}}.item-category-navigation>ul li:last-of-type:has(.category-unlink-item){margin-inline-start:auto}.item-category-navigation .category-link-item{display:inline-flex;align-items:center;gap:8px}.item-category-navigation .category-unlink-item{border-radius:var(--btn-radius-1);padding:8px 16px}@media(min-width: 1200px){.item-category-navigation{overflow-x:unset}.item-category-navigation>ul{flex-wrap:wrap}}}@layer theme{.item-category-navigation{--_color: var(--item-category-navigation-color, var(--brand-black));--_active-color: var(--item-category-navigation-active-color, var(--brand-primary-color));--_border-color: var(--item-category-border-color, var(--brand-black))}.item-category-navigation .category-link-item{gap:0;align-items:center;color:var(--_color);font-size:var(--body-text-size);line-height:1.5;border:1px solid var(--_border-color);padding:8px 32px;border-radius:var(--btn-radius-1);transition:color var(--transition),border-color var(--transition),background-color var(--transition);width:max-content}.item-category-navigation .category-link-item.multiselect{padding-right:8px;padding-left:32px}.item-category-navigation .category-link-item.multiselect>span{transition:transform var(--transition)}.item-category-navigation .category-link-item.multiselect svg{transform:translateX(0);opacity:0;width:20px}.item-category-navigation .category-link-item.multiselect.active>span{transform:translateX(-16px)}.item-category-navigation .category-link-item.multiselect.active svg{transition:transform var(--transition),opacity var(--transition);transform:translateX(-8px);opacity:1}.item-category-navigation .category-link-item.active{background-color:var(--_active-color);border:1px solid var(--_border-color);color:var(--_color)}.item-category-navigation .category-link-item:not([disabled]):active{background-color:var(--_active-color);border:1px solid var(--_border-color);color:var(--_color)}@media(hover: hover){.item-category-navigation .category-link-item:not([disabled]):hover{background-color:var(--_active-color);border:1px solid var(--_border-color);color:var(--_color)}}.item-category-navigation .category-unlink-item{display:inline-flex;width:max-content;color:var(--white);border:1px solid var(--_border-color);background-color:var(--black);transition:color var(--transition),border-color var(--transition),background-color var(--transition)}.item-category-navigation .category-unlink-item:not([disabled]):active{background-color:var(--_active-color);border:1px solid var(--_active-color);color:var(--white)}@media(hover: hover){.item-category-navigation .category-unlink-item:not([disabled]):hover{background-color:var(--_active-color);border:1px solid var(--_active-color);color:var(--white)}}}
@layer components{.component:not(.col-1,.col-2) .video-block{max-width:var(--image-max-width, 705px)}.component:not(.col-1,.col-2) .video-block:has(.video-component.full-width){--image-max-width: 100%}.component:not(.col-1,.col-2) .video-block:has(.video-component.full-width) .media-container video,.component:not(.col-1,.col-2) .video-block:has(.video-component.full-width) .media-container img{aspect-ratio:16/9}.video-block.right{margin-left:auto}.video-block.center{margin-inline:auto;text-align:center}.is-bleeding-right .video-block,.is-bleeding-left .video-block{max-width:none}.video-component{--caption-color: var(--grey-4);border-radius:var(--media-radius);width:100%}.video-component .video-item{border-radius:var(--media-radius);overflow:hidden;position:relative;aspect-ratio:704/434}.video-component .video-item>.poster,.video-component .video-item>iframe,.video-component .video-item>video{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:0}.video-component .video-item>.poster{position:absolute}.video-component .video-item>.poster>.media-component{width:100%;height:100%}.video-component .video-item>.poster>.media-component>.media-container{width:100%;height:100%}.video-component .video-item>.poster>.media-component>.media-container>.image-item{width:100%;height:100%}.video-component .video-item>.poster>.media-component>.media-container>.image-item>.picture-component{width:100%;height:100%}.video-component .video-item>.poster>.media-component>.media-container>.image-item>.picture-component img{width:100%;height:100%;object-fit:cover}.video-component .video-item>.poster>.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--white);color:var(--black);border-radius:100%;transition:transform var(--transition)}.video-component .video-item>.poster>.play-icon>.icon{width:60px}.video-component .video-item>.poster:not([disabled]):active>.play-icon{transform:translate(-50%, -50%) scale(1.2)}@media(hover: hover){.video-component .video-item>.poster:not([disabled]):hover>.play-icon{transform:translate(-50%, -50%) scale(1.2)}}.video-component .video-item>video{object-fit:cover;object-position:center}.video-component .video-item>video::cue{background-color:var(--black);color:var(--white);line-height:1.5}.video-component:is(.full-width) .video-item>.poster>.play-icon{width:72px;height:72px}.video-component:is(.full-width) .video-item>.poster>.play-icon>.icon{width:72px}.video-component>figcaption{margin-top:10px;color:var(--caption-color)}.video-component.center{align-self:center}.video-component.bottom{align-self:flex-end}}
@layer components{.Dialog.sm>.content{max-width:576px}.Dialog.md>.content{max-width:768px}.Dialog.lg>.content{max-width:var(--dialog-max-width)}.Dialog>.backdrop{opacity:1;background-color:color-mix(in srgb, var(--grey-200) 50%, transparent) !important}@media(prefers-reduced-transparency: reduce){.Dialog>.backdrop{background-color:color-mix(in srgb, var(--true-black) 70%, transparent) !important}}.Dialog>.content{display:flex;flex-direction:column;margin:20px;width:100%;max-height:calc(100dvh - 40px)}.Dialog>.content .header{display:flex;align-items:center;justify-content:space-between;padding:20px}.Dialog>.content .header>div{display:flex;flex-direction:column}.Dialog>.content .header>div .subtitle{margin-top:10px}.Dialog>.content .header .button-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;align-self:flex-start;transition:all var(--transition)}.Dialog>.content .header .button-icon svg{transition:fill .2s ease-in-out}.Dialog>.content .body{padding:20px}.Dialog>.content .body .dialog-content{display:flex;flex-direction:column;gap:20px}.Dialog>.content .body .dialog-content .btn-wrapper{justify-content:space-between}.Dialog>.content .body .dialog-content .btn-wrapper button{align-self:flex-start}.default-dialog>.content{width:100%}.default-dialog>.content>div{background-color:var(--white);border-radius:var(--card-radius)}.default-dialog>.content>div>.body{padding-top:0}.media-dialog>.content>div>.header{position:fixed;top:41px;right:48px;display:inline-flex;gap:0;padding:0}.media-dialog>.content>div>.header>.button-icon{width:48px;height:48px;border-radius:100%;border:2px solid var(--black);color:var(--white);background-color:var(--black)}.media-dialog>.content>div>.header>.button-icon:not([disabled]):active{background-color:var(--main-brand-color);color:var(--white);border-color:var(--main-brand-color)}@media(hover: hover){.media-dialog>.content>div>.header>.button-icon:not([disabled]):hover{background-color:var(--main-brand-color);color:var(--white);border-color:var(--main-brand-color)}}.media-dialog>.content>div>.body{background:var(--glass-modal-color);box-shadow:var(--glass-modal-shadow);border-radius:var(--image-radius)}@media(prefers-reduced-transparency: reduce){.media-dialog>.content>div>.body{background-color:var(--white);backdrop-filter:unset}}.media-dialog>.content>div>.body img,.media-dialog>.content>div>.body>video{display:block;border-radius:var(--image-radius);max-height:calc(100dvh - 115px);width:100%}.media-dialog>.content>div>.body .title{display:block;padding-inline:20px;padding-top:10px;text-align:center}.employee-dialog>.content .header{position:relative;padding:0}.employee-dialog>.content .header .button-icon{position:absolute;right:16px;top:16px;z-index:1;height:32px}.employee-dialog>.content .header .button-icon .icon{width:32px}.employee-dialog>.content .header .button-icon:not([disabled]):active{color:var(--main-brand-color)}.employee-dialog>.content .header .button-icon:not([disabled]):active .icon{color:var(--main-brand-color)}@media(hover: hover){.employee-dialog>.content .header .button-icon:not([disabled]):hover{color:var(--main-brand-color)}.employee-dialog>.content .header .button-icon:not([disabled]):hover .icon{color:var(--main-brand-color)}}@media(max-width: 576px){.employee-dialog>.content .header .button-icon{background-color:var(--glass-header-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media(max-width: 576px)and (prefers-reduced-transparency: reduce){.employee-dialog>.content .header .button-icon{background-color:var(--white);border-color:var(--white);backdrop-filter:unset}}.employee-dialog>.content .body{background:var(--glass-modal-color);box-shadow:var(--glass-modal-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:0;border-radius:var(--radius-5)}@media(prefers-reduced-transparency: reduce){.employee-dialog>.content .body{background-color:var(--white);backdrop-filter:unset}}.employee-dialog>.content .body>.dialog-content{display:grid;gap:8px;max-height:calc(100dvh - 40px)}.employee-dialog>.content .body>.dialog-content .media-component .media-container{height:100%}.employee-dialog>.content .body>.dialog-content .media-component .media-container .image-item{height:100%}.employee-dialog>.content .body>.dialog-content .media-component .media-container .image-item .picture-component{height:100%}.employee-dialog>.content .body>.dialog-content .media-component .media-container .image-item .picture-component img{aspect-ratio:1.25/1}@media(min-width: 576px){.employee-dialog>.content .body>.dialog-content .media-component .media-container .image-item .picture-component img{aspect-ratio:1}}.employee-dialog>.content .body>.dialog-content .content{overflow:scroll;margin-right:16px;margin-bottom:20px;padding:8px 20px}.employee-dialog>.content .body>.dialog-content .content .contact-person{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.employee-dialog>.content .body>.dialog-content .content .contact-person>.job-title{font-weight:500;font-size:var(--body-text-size)}.employee-dialog>.content .body>.dialog-content .content .contact-information{display:flex;flex-direction:column;gap:4px}.employee-dialog>.content .body>.dialog-content .content .contact-information .contact-link{transition:color var(--transition);font-size:var(--medium-text-size)}.employee-dialog>.content .body>.dialog-content .content .contact-information .contact-link:not([disabled]):active{color:var(--main-brand-color)}.employee-dialog>.content .body>.dialog-content .content .contact-information .contact-link:not([disabled]):active .icon{color:var(--main-brand-color)}@media(hover: hover){.employee-dialog>.content .body>.dialog-content .content .contact-information .contact-link:not([disabled]):hover{color:var(--main-brand-color)}.employee-dialog>.content .body>.dialog-content .content .contact-information .contact-link:not([disabled]):hover .icon{color:var(--main-brand-color)}}.employee-dialog>.content .body>.dialog-content .content .contact-extra{margin-top:8px}.employee-dialog>.content .body>.dialog-content .content .contact-extra>.title{display:block;margin-bottom:16px;font-weight:500;font-size:var(--medium-text-size)}.employee-dialog>.content .body>.dialog-content .content .contact-extra ul{display:flex;flex-direction:column;gap:8px}.employee-dialog>.content .body>.dialog-content .content .contact-extra ul li{display:flex;gap:12px;font-size:var(--medium-text-size)}.employee-dialog>.content .body>.dialog-content .content .contact-extra ul li .emoji{flex:0 0 24px}@media(min-width: 768px){.employee-dialog>.content .body>.dialog-content{grid-template-columns:minmax(340px, 33%) 1fr;gap:0}.employee-dialog>.content .body>.dialog-content .media-component{height:100%;--media-radius: var(--radius-5) 0 0 var(--radius-5)}.employee-dialog>.content .body>.dialog-content .content{padding-right:24px;margin-right:16px}}@media(min-width: 576px)and (max-height: 576px){.employee-dialog>.content .body>.dialog-content{grid-template-columns:minmax(300px, 30%) 1fr;overflow:hidden}.employee-dialog>.content .body>.dialog-content .media-component .media-container .image-item .picture-component img{height:calc(100dvh - 40px)}.employee-dialog>.content .body>.dialog-content .content{height:calc(100dvh - 80px)}}@media(min-width: 768px)and (min-height: 576px){.employee-dialog>.content .body>.dialog-content .media-component{height:100%;--media-radius: var(--radius-5) 0 0 var(--radius-5)}.employee-dialog>.content .body>.dialog-content .media-component .media-container{height:100%}.employee-dialog>.content .body>.dialog-content .media-component .media-container .image-item{height:100%}.employee-dialog>.content .body>.dialog-content .media-component .media-container .image-item .picture-component{height:100%}.employee-dialog>.content .body>.dialog-content .content{padding:44px 56px 40px;overflow:unset;margin:unset}.employee-dialog>.content .body>.dialog-content .content .contact-extra{margin-top:32px}}}@layer theme{.employee-dialog>.content .body>.dialog-content .contact-information .contact-link{transition:color var(--transition)}.employee-dialog>.content .body>.dialog-content .contact-information .contact-link:not([disabled]):active{color:var(--main-brand-color)}.employee-dialog>.content .body>.dialog-content .contact-information .contact-link:not([disabled]):active .icon{color:var(--main-brand-color)}@media(hover: hover){.employee-dialog>.content .body>.dialog-content .contact-information .contact-link:not([disabled]):hover{color:var(--main-brand-color)}.employee-dialog>.content .body>.dialog-content .contact-information .contact-link:not([disabled]):hover .icon{color:var(--main-brand-color)}}}
@layer components{@media(min-width: 1400px){.case-detail-overview .item-list{--min-column-size: 375px;gap:32px}}@media(min-width: 1920px){.case-detail-overview .item-list{--min-column-size: 440px}}.case-item{display:grid;grid-template-areas:"card";position:relative;--media-radius: var(--radius-4)}@media(min-width: 768px){.case-item{--media-radius: var(--radius-5)}}.case-item .media{grid-area:card}.case-item .media .media-component{--default-image-height: 500px}.case-item .media .media-component img{border-radius:var(--media-radius)}.case-item .content{grid-area:card;z-index:var(--z-index-3);align-self:end;padding-inline:32px;padding-block-end:32px}.case-item .content .block-header{display:flex;flex-direction:column;gap:4px}.case-item .content .tag-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.case-item .content .btn-wrapper{z-index:var(--z-index-3)}}@layer theme{.case-item{overflow:hidden;max-height:500px}.case-item .content{transition:transform var(--transition)}.case-item .content .block-header .title{color:var(--_color);text-shadow:var(--employee-shadow);line-height:1.6}.case-item .content .block-header .category{color:var(--_color);text-shadow:var(--employee-shadow)}.case-item .content .expander{overflow:hidden;max-height:0;transition:max-height var(--transition)}.case-item .content .btn-wrapper{margin-bottom:8px}.case-item .content .btn-wrapper [class^=btn-]{width:100%}@media(min-width: 1200px){.case-item .media{overflow:hidden;border-radius:var(--media-radius)}.case-item .media .media-component .media-container img{transition:transform var(--transition)}.case-item .media .media-component::after{content:"";display:block;height:100%;background:linear-gradient(0deg, var(--true-black) 0%, color-mix(in srgb, var(--black) 0%, transparent));width:100%;position:absolute;bottom:0;z-index:var(--z-index-2);transform:translateY(100%);transition:transform var(--transition);border-radius:var(--media-radius)}}@media(min-width: 1200px)and (hover: hover){.case-item:not([disabled]):hover .media .media-component img{transform:scale(var(--image-trans-zoom))}.case-item:not([disabled]):hover .media .media-component::after{transform:translateY(0)}.case-item:not([disabled]):hover .content .expander{max-height:116px}}@media(min-width: 1200px){.case-item:focus-within .media .media-component::after{transform:translateY(0)}.case-item:focus-within .content .expander{max-height:116px}}}
