.cx_anprechpartner_container { display: flex; flex-wrap: wrap; }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_single { margin: 15px; }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_single.all { width: calc(33.33% - 30px); }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_data > img { margin-bottom: 20px; border: solid 1px rgba(0, 0, 0, 0.06); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5px 5px 5px 5px; }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_data .cx_ansprechpartner_title { font-size: 30px; color: #1e1a34; margin-bottom: 5px; font-family: Overpass, Roboto, Arial, sans-serif; font-weight: 700; line-height: 35px; padding: 0 10px; }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_data .cx_ansprechpartner_position { font-weight: 400; margin-bottom: 15px; font-family: Poppins, Roboto, Arial, sans-serif; font-size: 16px; padding: 0 10px; }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_data .cx_ansprechpartner_data { padding: 0 10px; }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_data .cx_ansprechpartner_data:before { content: ''; background: url(../assets/img/divider.jpg) no-repeat left center; width: 115px; height: 15px; display: block; margin-bottom: 20px; opacity: .5; }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_data .cx_ansprechpartner_data > a { margin-bottom: 10px; font-size: 16px; display: block; }
.cx_anprechpartner_container .cx_ansprechpartner_wrapper_data .cx_ansprechpartner_data > a i { color: #1e1a34; margin-right: 10px; font-size: 20px; }

.cx_dekore_container { display: flex; flex-wrap: wrap; }
.cx_dekore_container.single .cx_dekore_single { max-width: none; }
.cx_dekore_container .cx_dekore_single { margin: 10px; display: flex; width: 100%; max-width: calc(20% - 20px); }
@media only screen and (max-width: 900px) { .cx_dekore_container .cx_dekore_single { max-width: calc(25% - 20px); } }
@media only screen and (max-width: 768px) { .cx_dekore_container .cx_dekore_single { max-width: calc(33.3% - 20px); } }
@media only screen and (max-width: 500px) { .cx_dekore_container .cx_dekore_single { max-width: calc(50% - 20px); } }
.cx_dekore_container .cx_dekore_single .cx_dekore_data { position: relative; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image { position: relative; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image a:hover::before, .cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image a:hover::after { opacity: 1; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image a:hover::after { top: calc(50% - 20px); }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image a:before { transition: 0.2s; background: rgba(0, 0, 0, 0.65); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 2; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image a:after { transition: 0.2s; content: ''; width: 40px; height: 40px; background: url(../assets/img/icon-search.svg) no-repeat center; display: block; position: absolute; top: calc(30% - 20px); left: calc(50% - 20px); z-index: 2; background-size: cover; opacity: 0; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image a > img { border: solid 1px rgba(0, 0, 0, 0.06); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5px 5px 5px 5px; margin-bottom: 10px; display: block; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_1, .cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_2, .cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_3, .cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_4, .cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_5, .cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_6, .cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_7 { width: 30px; height: 30px; position: absolute; background: #fb9e3b; display: inline-block; bottom: 6px; right: 6px; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_2 { background: #32beb1; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_3 { background: #fdf141; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_4 { background: #5e8b28; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_5 { background: #80B928; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_6 { background: #c5e6f3; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_image .cx_dekore_moq .cx_dekore_moq_color_7 { background: #66609b; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_title { font-size: 20px; font-family: Overpass, Roboto, Arial, sans-serif; font-weight: 700; line-height: 25px; color: #1e1a34; }
.cx_dekore_container .cx_dekore_single .cx_dekore_data .cx_dekore_flag { position: absolute; top: 16px; background: #1e1a34; padding: 4px 10px 0px 10px; left: 6px; color: #fff; font-weight: 700; font-family: Overpass, Roboto, Arial, sans-serif; font-size: 16px; margin: 5px auto; }
.cx_dekore_container .cx_dekore_legende { background: var(--e-global-color-primary); padding: 30px; width: 100%; margin: 30px 0px; display: flex; flex-wrap: wrap; justify-content: center; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item { display: flex; flex: 1 0 calc(20% - 20px); margin: 10px; align-items: center; }
@media screen and (max-width: 1024px) { .cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item { flex: 1 0 calc(50% - 20px); } }
@media screen and (max-width: 480px) { .cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item { flex: 1 0 calc(100% - 20px); } }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image { margin-right: 10px; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_1, .cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_2, .cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_3, .cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_4, .cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_5, .cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_6, .cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_7 { width: 30px; height: 30px; background: #fb9e3b; display: block; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_2 { background: #32beb1; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_3 { background: #fdf141; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_4 { background: #5e8b28; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_5 { background: #80B928; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_6 { background: #c5e6f3; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_image .cx_dekore_moq_color_7 { background: #66609b; }
.cx_dekore_container .cx_dekore_legende .cx_dekore_legende_item .cx_dekore_legende_item_text { color: #fff; }
.cx_dekore_container .cx_dekore_legende .cx_legende_text { width: 100%; color: #fff; margin: 10px 0px; }

.cx-referenzen-wrapper .cx-referenzen-filter { text-align: center; margin-bottom: 50px; }
.cx-referenzen-wrapper .cx-referenzen-filter .button { border: 1px solid white; padding: 5px; margin: 5px; background: none; }
.cx-referenzen-wrapper .cx-referenzen-filter .button span { border: none; color: #1e1a34; display: block; background: #f0f0f0; padding: 10px 20px; }
.cx-referenzen-wrapper .cx-referenzen-filter .button.is-checked { border-color: #1e1a34; }
.cx-referenzen-wrapper .cx-referenzen-filter .button.is-checked span { border: none; color: #fff; display: block; background: #1e1a34; }

.cx-referenzen-grid { margin: 0 auto; }
@media screen and (max-width: 1170px) { .cx-referenzen-grid { width: 810px; } }
@media screen and (max-width: 820px) { .cx-referenzen-grid { width: 540px; } }
@media screen and (max-width: 560px) { .cx-referenzen-grid { width: 270px; } }
.cx-referenzen-grid .cx-grid-item { width: 250px; margin: 10px; }
.cx-referenzen-grid .cx-grid-item .cx-grid-item-image { position: relative; }
.cx-referenzen-grid .cx-grid-item .cx-grid-item-image a:hover::before, .cx-referenzen-grid .cx-grid-item .cx-grid-item-image a:hover::after { opacity: 1; }
.cx-referenzen-grid .cx-grid-item .cx-grid-item-image a:hover::after { top: calc(50% - 20px); }
.cx-referenzen-grid .cx-grid-item .cx-grid-item-image a:before { transition: 0.2s; background: rgba(0, 0, 0, 0.65); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 2; }
.cx-referenzen-grid .cx-grid-item .cx-grid-item-image a:after { transition: 0.2s; content: ''; width: 40px; height: 40px; background: url(../assets/img/icon-search.svg) no-repeat center; display: block; position: absolute; top: calc(30% - 20px); left: calc(50% - 20px); z-index: 2; background-size: cover; opacity: 0; }
.cx-referenzen-grid .cx-grid-item .cx-grid-item-image a img { border: solid 1px rgba(0, 0, 0, 0.06); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5px 5px 5px 5px; width: 250px; height: 250px; }
.cx-referenzen-grid .cx-grid-item .cx-grid-item-data .cx-grid-item-title { font-size: 20px; line-height: normal; font-family: Overpass, Roboto, Arial, sans-serif; font-weight: 700; padding: 10px; color: #1e1a34; }

.cx-neue-referenzen-wrapper { padding: 0 50px; }
.cx-neue-referenzen-wrapper .cx-neue-referenzen-item .cx-grid-item-image { position: relative; }
.cx-neue-referenzen-wrapper .cx-neue-referenzen-item .cx-grid-item-image a img { border: solid 1px rgba(0, 0, 0, 0.06); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5px 5px 5px 5px; width: 100%; }
.cx-neue-referenzen-wrapper:hover .swiper-button-next, .cx-neue-referenzen-wrapper:hover .swiper-button-prev { opacity: 1; transition: 0.2s; }
.cx-neue-referenzen-wrapper .swiper-button-prev { left: 0; }
.cx-neue-referenzen-wrapper .swiper-button-next { right: 0; }
.cx-neue-referenzen-wrapper .swiper-button-next, .cx-neue-referenzen-wrapper .swiper-button-prev { opacity: 0; transition: 0.2s; position: absolute; top: 0; width: auto; height: 100%; margin-top: 0; background: none; padding: 0 20px; }
.cx-neue-referenzen-wrapper .swiper-button-next:after, .cx-neue-referenzen-wrapper .swiper-button-prev:after { color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
