.hkk-portfolio__header{color:#004070}.hkk-portfolio__filter{background-color:#e3e9ec;color:#004070;display:flex;flex-wrap:wrap;gap:3rem;justify-content:flex-start;margin:3rem 0;padding:3rem 2rem}.hkk-portfolio__filter input,.hkk-portfolio__filter select{border:1px solid #004070;width:100%}.hkk-portfolio__filter-item{flex:1 1 100%}@media(min-width:36.3125em){.hkk-portfolio__filter-item{flex:1 1 calc(50% - 3rem)}}@media(min-width:55.375em){.hkk-portfolio__filter-item{flex:1 1 calc(25% - 3rem)}}.hkk-portfolio__filter-item label{font-weight:700}.hkk-portfolio__filter-item .search{color:#004070;padding:.25rem}.hkk-portfolio__content #portfolio-no-filter,.hkk-portfolio__content #portfolio-no-result{color:#004070;font-weight:700}.hkk-portfolio__content #portfolio-no-result{display:none}.hkk-portfolio__content .portfolio-accordion .accordion-headline{margin:0;padding:0}.hkk-portfolio__content .portfolio-accordion .accordion-trigger{background:none;border-top:1px solid #e3e9ec;color:#004070;display:block;font-weight:700;margin:0;padding:1.2rem .3rem;position:relative;text-align:left;width:100%}.hkk-portfolio__content .portfolio-accordion .accordion-trigger .accordion-title{display:block;outline:none;padding-right:5rem;pointer-events:none}.hkk-portfolio__content .portfolio-accordion .accordion-trigger[aria-expanded=true] .accordion-icon{top:calc(50% + 4px);transform:translateY(-50%) rotate(-135deg)}.hkk-portfolio__content .portfolio-accordion .accordion-trigger:focus,.hkk-portfolio__content .portfolio-accordion .accordion-trigger:focus-visible,.hkk-portfolio__content .portfolio-accordion .accordion-trigger:hover{background:#004070;color:#fff}.hkk-portfolio__content .portfolio-accordion .accordion-trigger:focus .accordion-icon,.hkk-portfolio__content .portfolio-accordion .accordion-trigger:focus-visible .accordion-icon,.hkk-portfolio__content .portfolio-accordion .accordion-trigger:hover .accordion-icon{border-color:#fff}.hkk-portfolio__content .portfolio-accordion button{border-style:none}.hkk-portfolio__content .portfolio-accordion button::-moz-focus-inner{border:0}.hkk-portfolio__content .portfolio-accordion .accordion-icon{border:solid;border-color:#004070;border-width:0 2px 2px 0;height:12px;pointer-events:none;position:absolute;right:1em;top:calc(50% - 2px);transform:translateY(-50%) rotate(45deg);transition:transform .4s;width:12px}.hkk-portfolio__content .portfolio-accordion .accordion-panel{padding:1rem}@media(min-width:55.375em){.hkk-portfolio__content .portfolio-accordion .accordion-panel{padding:2rem}}.hkk-portfolio__content .portfolio-accordion .accordion__content__infos{color:#004070;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}.hkk-portfolio__content .portfolio-accordion .accordion__content__infos div{display:flex;flex-wrap:wrap;margin:8px 0}@media(min-width:55.375em){.hkk-portfolio__content .portfolio-accordion .accordion__content__infos div{flex:auto}}.hkk-portfolio__content .portfolio-accordion .accordion__content__infos div a:not(.button){color:#226ca5;font-weight:700;text-decoration:none;transition:color .2s}.hkk-portfolio__content .portfolio-accordion .accordion__content__infos div a:not(.button):focus,.hkk-portfolio__content .portfolio-accordion .accordion__content__infos div a:not(.button):hover{color:#004070;text-decoration:underline}.hkk-portfolio__content .portfolio-accordion .accordion__content__infos div a:not(.button) p{margin:0}.hkk-portfolio__content .portfolio-accordion .accordion__content__infos span{display:inline-block;font-weight:700;margin-right:8px}