.elementor-46 .elementor-element.elementor-element-d357ba2:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-d357ba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002550;background-image:url("https://prooffice.ch/wp-content/uploads/2020/06/kompetenzen.jpg");background-position:0px -194px;background-size:cover;}.elementor-46 .elementor-element.elementor-element-d357ba2 > .elementor-background-overlay{background-color:#002550;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46 .elementor-element.elementor-element-d357ba2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-46 .elementor-element.elementor-element-f1a826c{text-align:center;}.elementor-46 .elementor-element.elementor-element-f1a826c .elementor-heading-title{font-size:40px;font-weight:bold;color:#FFFFFF;}.elementor-46 .elementor-element.elementor-element-aca9d80{padding:40px 30px 20px 30px;}.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-post__thumbnail__link{padding-bottom:calc( 0.9 * 100% );}.elementor-46 .elementor-element.elementor-element-03aea47:after{content:"0.9";position:absolute;color:transparent;}.elementor-46 .elementor-element.elementor-element-03aea47{--grid-row-gap:8px;--grid-column-gap:8px;}.elementor-46 .elementor-element.elementor-element-03aea47 > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-46 .elementor-element.elementor-element-03aea47 a .elementor-portfolio-item__overlay{background-color:rgba(255, 255, 255, 0.11);}.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter{color:#4B4B4B;font-size:16px;text-transform:uppercase;}.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter.elementor-active{color:#002550;}.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter:not(:last-child){margin-right:calc(75px/2);}.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter:not(:first-child){margin-left:calc(75px/2);}.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filters{margin-bottom:16px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-46 .elementor-element.elementor-element-d357ba2:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-d357ba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-46 .elementor-element.elementor-element-aca9d80{padding:20px 20px 0px 20px;}}@media(max-width:767px){.elementor-46 .elementor-element.elementor-element-d357ba2:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-d357ba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-size:initial;}.elementor-46 .elementor-element.elementor-element-f1a826c .elementor-heading-title{font-size:35px;}.elementor-46 .elementor-element.elementor-element-aca9d80{padding:0px 05px 0px 05px;}.elementor-46 .elementor-element.elementor-element-03aea47 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter{font-size:7px;letter-spacing:0.7px;}}/* Start custom CSS for portfolio, class: .elementor-element-03aea47 */.elementor-46 .elementor-element.elementor-element-03aea47{
  min-height: 980px;
  text-align: center;
}

.elementor-portfolio__filters {
  border-radius: 50px;
  width: auto;
  box-shadow: 0px 2px 5px 2px #5f5f5f40;
  background-color: #eee7dd;
  display: inline-flex;
}
.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter.elementor-active {
  color: #ffffff;
  background-color: #012350;
  border-radius: 50px;
}
.elementor-portfolio__filter{
    border-radius: 50px;
    transition: ease-in-out all .15s;
}
.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter:hover{
    background-color: #1d3b63;
    color: #ffffff;
}

.elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter:not(:last-child) {
    margin-right: calc(12px/4);
}
@media screen and (max-width: 455px) {
  .elementor-46 .elementor-element.elementor-element-03aea47 .elementor-portfolio__filter:not(:first-child) {
    margin-left: calc(15px/2);
}
}/* End custom CSS */