/* ======================================== Start == General Settings ==============================================*/


/* Custom Accordian */

.custom_accord_mobile .elementor-accordion .elementor-tab-title {
    padding: 8px 0px;
}

.custom_accord_mobile .elementor-accordion .elementor-tab-content {
    padding: 7px 0px;
}

/* testimonial */

.photo_num {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #828282;
}

.photo_reasons_mobile {
    min-height: 7rem;
    border-bottom: 1px solid #E7E7E7;
}

/* Menu Title */

.menu_lang_switcher a {
    border: 1px solid #fff;
    padding: 1rem;
    border-radius: 30px;
}
.menu_lang_switcher .cpel-switcher__code {
    padding: 0 !important;
}

.menu_lang_switcher .cpel-switcher__lang--active a {
    background: white;
    color: #000 !important;
}

/* Jobs List Animation */

.home_jobs_list {
    max-height: 80vh;
    overflow: hidden !important;
}

.jobs_list li span:hover {
    -webkit-text-fill-color: white;
}

.jobs_list li {
    padding: 0.2rem 0 !important;
    -webkit-text-stroke: 1px #fff;
}


.home_jobs_list .jobs_join_us {
    display: block;
    color: #EA0054;
    stroke: #EA0054;
    -webkit-text-stroke: 0.045em #EA0054;
}

.home_jobs_list .jobs_join_us:hover {
    display: block;
    color: #EA0054;
    stroke: #EA0054;
    -webkit-text-stroke: 0.045em #EA0054;
    -webkit-text-fill-color: #EA0054;

}

.career_mobile ul li {
    -webkit-text-stroke: 0.02em #fff !important;
    stroke: #fff !important;
    /*color: white !important;*/
    stroke-width: 0.02em !important;
}

.career_mobile ul li:nth-child(5) .elementor-icon-list-text {
    color: white !important;
}

.career_mobile ul span{
    max-width: 100%;
}

/* Newsletter */

.newsletter_content_container input {
    padding-left: 2px !important;
}

/* Pagination (Slider) ---> */
.slider_custom .swiper-pagination {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.slider_custom .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 1rem;
}

.slider_custom .swiper-pagination-bullet-active {
    width: 15px !important;
    height: 15px !important;
}
@media (min-width: 1024px) {
.slider_custom .elementor-swiper-button-next {
    display: block;
    height: 100%;
    width: 50%;
    cursor: url(/wp-content/uploads/cursors/arrow_right_btn.svg) 32 32, auto !important;
}

.slider_custom .elementor-swiper-button-prev {
    display: block;
    height: 100%;
    width: 50%;
    cursor: url(/wp-content/uploads/cursors/arrow_left_btn.svg) 32 32, auto !important;
}
}

.slider_custom .elementor-swiper-button-next i {
    display: none;
}

.slider_custom .elementor-swiper-button-prev i {
    display: none;
}

.slider_custom .swiper-button-disabled {
    display: none !important;
}

/* Pagination with Black Points ---> */

.slider_custom_black_points .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #000000;
}

/* Pagination with White Points ---> */
.slider_custom_white_points .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}

/* Slider for Quadrat Images on Cases */
.slider_with_bg .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -2.5rem;
}

/* Gallery */
.active_photo, .active_photo_02 {
    border: 2px solid black;
}

/* Image Trailing Animation */

.image_trail_effect .img_wrapper {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.image_trail_effect .img_wrapper img {
    object-fit: cover;
    visibility: hidden;
    transition: 0.6s ease-out all;
    position: absolute;
    max-width: 250px;
    transform: translateY(-50%);
    transform-origin: bottom;
}


.image_trail_effect .visible {
    opacity: 1 !important;
    visibility: visible !important;
}

.image_trail_effect .hidden {
    display: none !important;
}

.image_trail_effect .grow-scale {
    transform: scale(2) !important;
    visibility: hidden !important;;
    opacity: 0 !important;;
    transition: 0.5s all ease-in-out !important;
}

/* Start ->  Animation Switch Black to White  */
.animation_black_to_white {
    background-color: #fff !important;
}

.animation_black_to_white h2 {
    -webkit-text-stroke: 0.01em #000 !important;
    stroke: #000 !important;
    /*color: white !important;*/
    stroke-width: 0.01em !important;
}

.animation_black_to_white p {
    color: #000 !important;
}

.animation_black_to_white .cases_text {
    color: #000 !important;
}

.animation_black_to_white .text_block_container {
    color: #000 !important;
}

/* Start ->  Animation Switch White to Black */


.animation_white_to_black {
    background-color: #000 !important;
}

.animation_white_to_black h2 {
    -webkit-text-stroke: 0.01em #fff !important;
    stroke: #fff !important;
    stroke-width: 0.01em !important;
}

.animation_white_to_black p {
    color: #fff !important;
}

.animation_white_to_black .elementor-text-editor {
    color: #fff !important;
}

.animation_white_to_black .text_block_container {
    color: #fff !important;
}

/* Start ->  Animation Switch white to Pink */

.animation_white_to_pink {
    background-color: #EA0054 !important;
}

.animation_white_to_pink h2 {
    -webkit-text-stroke: 0.01em #fff !important;
    stroke: #fff !important;
    stroke-width: 0.01em !important;
}

.animation_white_to_pink p {
    color: #fff !important;
}

.animation_white_to_pink .elementor-text-editor {
    color: #fff !important;
}

.animation_white_to_pink .text_block_container {
    color: #fff !important;
}

@media screen and (max-width: 767px) {
    .home_jobs_list {
        /*max-height: 30rem !important;*/
    }

    .jobs_list {
        height: 100% !important;
        overflow: hidden !important;
        flex-wrap: nowrap !important;
    }

    .home_jobs_list ul {
        max-height: 100%;
    }

    .jobs_list li{
        -webkit-text-stroke: 0.045em #fff;
    }

    .home_jobs_list .jobs_join_us {
        display: block;
        color: #EA0054;
        stroke: #EA0054 !important;
        -webkit-text-stroke: 0.045em #EA0054;
    }

    .jobs_list li:hover {
        cursor: none;
    }

    .newsletter_content_container {
        background: #D6D6D6;
    }
}

/* ======================================== Ende == General Settings ==============================================*/
/* ======================================== Start == Home ==============================================*/

/* Start ->  Custom Autotimeleft Slider Bar (Home -> Photo Section) */

.custom-watch-slider-bar .swiper-container .swiper-pagination-bullet {
    display: none !important;
    width: 12.93%;
    height: 2px;
    border-radius: 0;
    position: relative;
    overflow: hidden;

}

.custom-watch-slider-bar .swiper-container .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*/ / transition: opacity 200 ms;*/

}

.custom-watch-slider-bar .swiper-pagination {
    text-align: left;
    width: 100% !important;
}


.custom-watch-slider-bar .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: 100%;
    bottom: 3.563rem;
    padding-left: 3.875rem;
}

.custom-watch-slider-bar .swiper-container .swiper-pagination-bullet-active {
    display: block !important;
    background: rgba(255, 255, 255, 0.2);
}

.custom-watch-slider-bar .swiper-container .swiper-pagination-bullet-active::before {
     background-color: white;
     animation: slide-progress 5s cubic-bezier(.3, 0, .3, 1) forwards;
    }

@keyframes slide-progress {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@media screen and (max-width: 1024px) {

    .custom-watch-slider-bar .swiper-slide-inner {
        justify-content: center;
    }

    .custom-watch-slider-bar .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 3%;
        padding-left: 0;
    }

    .custom-watch-slider-bar .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        width: 50% !important;
    }

    .custom-watch-slider-bar .swiper-pagination {
        text-align: center;
        position: absolute;
        /* top: 50%; */
        /* right: 50%; */
        transform: translate(50%,0%);
    }

    .custom-watch-slider-bar .swiper-container .swiper-pagination-bullet {
        width: 100%;
    }
}
/* Ende ->  Custom Autotimeleft Slider Bar (Home -> Photo Section)  */

.home_title_show_more_slider div {
    cursor: url(/wp-content/uploads/cursors/more_btn.svg) 32 32, auto !important;
}

.home_title_show_more, .home_title_show_more h2 {
    cursor: none;
    cursor: url(/wp-content/uploads/cursors/more_btn.svg) 32 32, auto !important;
}

.custom_progrssbar_video .elementor-progress-bar {
    animation: fill 22s linear 1s infinite;
}

.custom_progrssbar_cgi .elementor-progress-bar {
    animation: fill 7s linear 1s infinite;
}

@keyframes fill {
    0% {
        width: 0;
    }
    50%  {
        width: 50% ;
    }
    100% {
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px)  {

    .custom_progrssbar_cgi .elementor-widget-container {
        text-align: center;
    }

    .custom_progrssbar_video .elementor-widget-container {
        text-align: center;
    }
}


@media screen and (max-width: 767px) {
    .custom_progrssbar_cgi .elementor-widget-container {
        text-align: center;
    }

    .custom_progrssbar_video .elementor-widget-container {
        text-align: center;
    }
}


/* ======================================== Ende == Home ==============================================*/

/* ======================================== Start == Services Photo ==============================================*/
/* ======================================== Ende == Services Photo ==============================================*/

/* ======================================== Start == Services Video ==============================================*/
/* ======================================== Ende == Services Video ==============================================*/

/* ======================================== Start == Services CGI ==============================================*/

#gallery_fullscreen {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cgi-item-toggle.cgi-item-toggle .fas {
    font-size: 2rem ;
}

@media (max-width: 1024px) {
    .cgi-item-toggle .elementor-toggle {
        text-align: center !important;
    }
}
/* ======================================== Ende == Services CGI ==============================================*/

/* ======================================== Start == Services Marketing ==============================================*/
body:not(.elementor-editor-active) .marketing_services_sec_one .disable_box {
    display: none;
}

.marketing_services_sec_one .skill_box h2:hover {
    cursor: default;
    color: white !important;
}

.marketing_services_sec_one .active_title {
    color: #fff !important;
}
/* ======================================== Ende == Services Marketing ==============================================*/

/* ======================================== Start == AI Creation ==============================================*/

.follow_services_title h2:hover {
    cursor: default;
    color: white !important;
}

body:not(.elementor-editor-active) .aicreation_services_sec_one .disable_box {
    display: none;
}

.aicreation_services_sec_one .skill_box h2:hover {
    cursor: default;
    color: white !important;
}

.aicreation_services_sec_one .active_title {
    color: #fff !important;
}

.skill_box .elementor-accordion-item .elementor-tab-title .elementor-accordion-title:hover {
    color:#fff;
}

/* ======================================== Ende == AI Creation  ==============================================*/

/* ======================================== Start == Cases ==============================================*/
/* Start ->  Cases Site Animation Scroll Style */
.case_container_active .w-filter .filter-header ul:not(.dropdown-items) {
    border: 1px solid #fff;
    color: #fff;
}

.case_container_active .dropdown-items li input[type="checkbox"]:checked + label span::before {
    color: #fff;
}

.case_container_active .dropdown-items li span {
    border-color: #fff;
}


/*
.case_container_active .w-filter .filter-header ul:not(.dropdown-items):hover {
    background-color: #EA0054;
    color: white;
    border: 1px solid #EA0057;
}*/

.case_container_active .w-filter .filter-header {
    height: 30vh;
}

.case_container_active .w-filter .filter-header ul.dropdown-items {
    background: #000;
}

.case_container_active .w-filter .filter-header ul li button {
    color: #fff;
    border-top: 1px solid #fff;
}

.case_container_active .w-filter .filter-header ul li button:last-child {
    background: #fff;
    color: #000;
}

.case_container_active .w-filter .filter-header ul li input[type=checkbox]:checked:before, .w-filter .filter-header ul li input[type=checkbox]:before {
    background-color: #000;

}

.case_container_active .w-filter .filter-header ul li input[type=checkbox]:checked:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.cases_scroll_header h2 {
    -webkit-text-stroke-color: #000 !important;
    stroke: #000 !important;
    color: white !important
}

.cases_header_title h2 {
    color: transparent !important;
}
/* ======================================== Ende == Cases ==============================================*/

/* ======================================== Start == Clients ==============================================*/
body:not(.elementor-editor-active) .clients_disable_section {
    display: none !important;
}
/* ======================================== Ende == Clients ==============================================*/

/* ======================================== Start == WeARE ==============================================*/

body:not(.elementor-editor-active) .weare_services_sec_four .disable_box {
    display: none;
}

body:not(.elementor-editor-active) .weare_services_sec_four .info_box {
    position: absolute;
    right: 0px;
}

.department_title h2:hover {
    cursor: default;
    color: #fff !important;
}

.active_department h2 {
    color: #fff !important;
}

.weare_services_sec_four .elementor-background-video-container {
    visibility: hidden;
    transition: opacity 3s ease 0s;
    /* opacity: 0;
    transition: opacity 3s ease 0s; */
}

.weare_services_sec_four {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.weare_services_sec_one .elementor-background-video-container {
    opacity: 0;
    transition: opacity 3s ease 0s;
}

.weare_services_sec_two .elementor-background-video-container {
    opacity: 0;
}

.weare_services_sec_three .elementor-background-video-container {
    opacity: 0;
}

.weare_services_sec_one, .weare_services_sec_two, .weare_services_sec_three {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

body:not(.elementor-editor-active) .weare_services_sec_one .disable_box,
body:not(.elementor-editor-active) .weare_services_sec_two .disable_box,
body:not(.elementor-editor-active) .weare_services_sec_three .disable_box {
    display: none;
}

.weare_services_sec_one .skill_box h2:hover,
.weare_services_sec_two .skill_box h2:hover,
.weare_services_sec_three .skill_box h2:hover {
    cursor: default;
    color: white !important;
}

.weare_services_sec_one .active_title,
.weare_services_sec_two .active_title,
.weare_services_sec_three .active_title {
    color: #fff !important;
}

.weare_services_sec_one .active_box,
.weare_services_sec_two .active_box,
.weare_services_sec_three .active_box {

}

.competencies_container_mobile .elementor-toggle-title {
    -webkit-text-stroke: 0.01em #fff ;
    stroke: #fff ;
    stroke-width: 0.01em ;
}

.competencies_container_mobile .elementor-toggle .elementor-tab-title {
    border: none;
}

.competencies_container_mobile .infobox_title_mobile {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;

}

body:not(.elementor-editor-active) .infobox_disable {
    display: none !important;
}

body:not(.elementor-editor-active) .competencies_infobox {
    z-index: 1;
    position: absolute;
    right: 0;
}

.competencies_container .elementor-widget-container h2:hover {
    -webkit-text-fill-color: white;
    cursor: default;
}

.info_title_active {
    -webkit-text-fill-color: white;
}

.competencies_active {
    -webkit-text-fill-color: white;
}

#des .elementor-tabs {
    /*flex-direction: row-reverse !important;*/
}

#des  .elementor-tabs-wrapper {
    width: 35% !important;
}

#des .elementor-tabs-content-wrapper {
    border: none !important;
    padding-left: 15rem;
}

#des .elementor-tab-content {
    width: 100% !important;
    padding: 2% 0 0 0;
}

#des .elementor-tab-title {
    opacity: 0.3;
    padding: 2% 0 2% 0;
}

#des .elementor-tab-title:hover {
    opacity: 0.8;
    color: #EA0054;
}

#des .elementor-tab-title:before {
    border: none !important;
}

#des .elementor-tab-title:after {
    border: none !important;
}

#des .elementor-tab-desktop-title.elementor-active {
    color: black;
    opacity: 1;
    border: none;
}

#des .elementor-tab-content p {
    margin: 0;
}
/* ======================================== Ende == WeARE ==============================================*/

/* ======================================== Start == News ==============================================*/
.news_container_black_active {
    background-color: #000;
}

.news_container_black_active .elementor-widget-container h1 {
    color: #fff !important;
}

.news_container_black_active .elementor-widget-container {
    color: #fff !important;
}

.weiterlesen_btn {
    cursor: pointer;
}

#show_more_news_btn:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

#news_posts .elementor-post__text {
    display: table;
    align-self: center;
}

#news_posts .elementor-post__meta-data {
    margin-top: 1rem;
}

#news_posts .elementor-posts .elementor-post__title {
    padding: 1% 0 3% 0;
}

/* News archive ---> Section */
#news_posts_archive .elementor-post__text {
    display: table;
}

#news_posts_archive .elementor-post__meta-data {
    display: table-header-group
}

#news_posts_archive .elementor-posts .elementor-post__title {
    padding: 1% 0 2% 0;
}

body:not(.elementor-editor-active) .news_loop_disable {
    display: none;
}

body:not(.elementor-editor-active) .news_loop_active {
    display: block !important;
}

body:not(.elementor-editor-active) .archive_news {
    display: none;
}

.archive_active_btn .elementor-button{
    background-color: #000 !important;
    color: #fff !important;

}

.archive_filter_btn {
    cursor: default;
}

/* ======================================== Ende == News ==============================================*/

/* ======================================== Start == Contact ==============================================*/

    #hover-menus .elementor-widget-container {
        position: relative;
        z-index: 1;
    }

    .menu_title_video_video {
        position: absolute;
        width: 60% !important;
        z-index: 0;
        top: 0;
        left: -10%;
    }

    .menu_title_video {
        position: absolute;
        width: 60% !important;
        z-index: 0;
        top: 0;
        left: -10%;
    }

    .menu_title_video_cgi {
        position: absolute;
        width: 60% !important;
        z-index: 0;
        top: 0;
        left: 15%;
    }

    .example-container img {
        /*position: absolute;*/
        object-fit: cover;
        opacity: 0;
        visibily: hidden;
        pointer-events: none;
        left: 0;
    }

    .black_wiethe_logo {
        content: url(/wp-content/uploads/2023/09/Wiethe_Content_Logo_RGB_schwarz.png) !important;
    }

    .black_menu_bar .center:before {
        background: #000 !important;
    }

    .black_menu_bar .center div {
        background: #000 !important;
    }

    .black_menu_btn .elementor-button {
        color: #000 !important;
    }

    .black_menu_btn .elementor-button:hover {
        color: #fff !important;
        background-color: #000 !important;
        border-color: #000 !important;
    }

.wiethe_contact .contact_us_button {
    display: none;
}

@media screen and (min-width: 1700px) {

    #contact_footer {
        right: -3%;
    }
}

@media screen and (max-width: 1230px) {

    #contact_footer {
        right: -5.7%;
    }
}

.dropdown_select {
    border: none;
    border-bottom: 1px solid #828282;
    padding: 10px 0 10px 0;
}

#write_us_form input {
    padding: 10px 0 10px 0;
}

#write_us_form textarea {
    padding: 10px 0 10px 0;
}

#write_us_form select {
    padding: 10px 0 10px 0;
}
/* ======================================== Ende == Contact ==============================================*/

.cases_popup .dialog-message {
    overflow: visible !important;
}

.lang_btn.active_lang .elementor-button  {
    color: #000 !important;
    background-color: #fff !important;
}

.page-id-1081 {
    scroll-behavior: smooth;
}

.title_disable {
    display: none;
}

#intactive_sec {
    height: 100%;
}

#remove_section .case_filter_container,
#remove_section .cases_header_container{
	background: #ffffff !important;
}
#remove_section .case_filter_container,
#remove_section .w-filter ul li {

	color: #000 !important;
}


/*----------------------------------------------------------------------Cases*/
.post-tags {
    display: none;
}

.elementor-widget-loop-grid .elementor-grid {
    grid-column-gap: var(--grid-column-gap, 0px) !important;
    grid-row-gap: var(--grid-row-gap, 0px) !important;
}

/*----------------------------------------------------------------------Cases PopUp*/
.overview-rotated h2 {
    top: 50%;
    right: 50%;
    position: absolute;
    transform: scale(-1) translate(-50%, 50%);
    writing-mode: vertical-lr;
    cursor: pointer;
}

.overview-rotated h2 a:hover {
    color: #fff !important;
}

.loop-cases {
    cursor: pointer;
}

.cases_loop_grid .e-loop-item:hover span {
    opacity: 0.7;
}

.cases_loop_grid .e-loop-item:hover img {
    transform: scale(1.05)
}

.cases_loop_grid .e-loop-item .elementor-image {
    overflow: hidden;
}

.cases_loop_grid .e-loop-item img {
    transition: transform 0.4s ease-out;
    transform: scale(1)
}

/*--------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------Menu*/
.menu-underline a:hover{
    border-bottom: 2px solid #fff;
}
.menu_service_active {
    color: #ffff !important;
}

.nav-modal.elementor-popup-modal .dialog-widget-content {
    width: 100%;
}

#header-nav .elementor-heading-title a:focus-visible {
    outline: none !important;
}

.title_absolute {
    position: absolute !important;
}

.header_icon .elementor-widget-container .example {
    background: url(/wp-content/uploads) no-repeat;
}

.header_bar_none {
    display: none;
}

/* Cursors for Home Site*/

.show_more_btn {
    cursor: none;
    cursor: url('/wp-content/uploads/cursors/more_btn.svg') 32 32, auto !important;
}

.jobs_list {
    cursor: none;
    cursor: url(/wp-content/uploads/cursors/join_our_team_btn.svg) 32 32, auto !important;
}

@media (max-width: 767px) {
    #photo_home {
        cursor: none;
        cursor: url(/wp-content/uploads/cursors/arrow_down_btn.svg) 32 32, auto !important;
    }
}

#fp-nav {
    display: none !important;
}

/* Custom Progressbar Style */

.animation_active {
    color: white;
}

.pb_anim {
    animation: fill_pb 4s linear 1s infinite;
}

@keyframes fill_pb {
    0% {
        width: 0;
    }

    100% {
        width: 100%
    }
}

/* Custom Cursor Default Style ---> */
.custom-cursor {
    cursor: default;
}

/* Custom Slider Style for Homepage ---> */

.custom_progress_bar .swiper-pagination {
    display: flex;
    flex-direction: row;
    max-width: 13%;
    padding-left: 50px;
    text-align: left;
    bottom: 30px !important;
}

.custom_progress_bar .swiper-pagination-bullet {
    height: 2px !important;
    border-radius: 0;
    margin: 0 !important;
}

/* Custom Akkordeon Style ---> */

.custom_akkord .elementor-tab-title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;

}

.custom_akkord .elementor-accordion-title {
    flex: auto;
}

.custom_akkord .akkord_title_num {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

/* Case Template Style ---> */



.case_slide_template .swiper-container .swiper-slide .elementor-image {
    overflow: hidden;
}

.case_slide_template .swiper-container .swiper-slide img {
    transition: transform 0.4s ease-out !important;
    transform: scale(1)
}

.case_slide_template .swiper-container .swiper-slide:hover img {
    transform: scale(1.05);
}

.case_slide_template .swiper-container .swiper-slide:hover .eael-entry-title {
    opacity: 0.5;
}

.case_slide_template .swiper-container .swiper-slide:hover .eael-grid-post-excerpt p {
    opacity: 0.5;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: white !important;
}



#home_photo_slider .swiper-slide-contents {
    cursor: url(/wp-content/uploads/cursors/more_btn.svg) 32 32, auto !important;
}


#home_photo_slider .swiper-slide-contents {
    padding-bottom: 15px;
    padding-left: 17px;
}

#home_cgi_slider .swiper-slide-contents {
    cursor: url(/wp-content/uploads/cursors/more_btn.svg) 32 32, auto !important;
}

.home_cgi_info {
    background: linear-gradient(to right, #fff 10%, #828282 10%, #828282 90%, #828282 90%) no-repeat;
    background-size: 100% 1px;
    background-position: left bottom;
    margin-left: 5rem;
    padding-left: 0;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    #home_photo_slider .elementor-slides .swiper-slide-inner {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {

    #home_photo_slider .swiper-slide-contents .elementor-slide-description {
        margin: 0;
    }

    #home_photo_slider .swiper-slide-contents {
        padding: 0;
    }
}

@media screen and (min-width: 1024px) {
    .news_cs .swiper-pagination {
        display: none;
    }
}

/* ----------------------------------------------------Ende ->  Cases Site Animation Style---------------------------------------------------------------------------------------- */

/* Photo ---> Seite */


.referenz_bar {
    position: fixed !important;
    bottom: 5% !important;
    z-index: 20 !important;
    background-color: white;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2);
    border-radius: 2px;

}

@media screen and (max-width: 767px) {
    .photo_gruende_text {
        border-bottom: 2px solid #E7E7E7;
    }

    .container_slider .swiper-slide-inner {
        justify-content: center !important;
    }

    .slider_custom .swiper-slide-inner {
        place-content: center !important;
    }

    #news_posts .elementor-posts .elementor-post {
        display: block;
    }

    #news_posts .elementor-post__text {
        padding: 5% 0 0 0;
    }

    .btn_see_jobs {
        position: absolute !important;
    }

    .home_news_container .swiper-pagination {
        display: block;
    }

    #fp-nav {
        display: none !important;
    }

    .block_section {
        display: block !important;
    }

    .greenw_post_slider .swiper-container-wrap .swiper-wrapper .swiper-slide {
        width: 85% !important;
        margin: 0 !important;
    }

    .custom_progress_bar .swiper-pagination {
        display: none;
    }

    #home_photo_slider .custom_slide_settings .swiper-slide-contents {
        display: block !important;
        min-width: fit-content !important;
    }

    .case_slide_template .swiper-wrapper {
        justify-content: flex-start;
    }

}

@media screen and (max-width: 1024px) {
    #news_posts .elementor-posts .elementor-post {
        /*	display: block; */
    }

    .block_section {
        display: block !important;
    }


    .container_slider .swiper-slide-inner {
        justify-content: center !important;
    }

    .slider_custom .swiper-slide-inner {
        place-content: center !important;
    }

}

@media (min-width: 1025px) {
    .home_news_container .swiper-pagination {
        display: none !important;
    }

    .case_slide_template .eael-logo-carousel-wrap.swiper-container-wrap-dots-outside .swiper-pagination {
        display: none;
    }

    .greenw_post_slider .swiper-pagination {
        display: none;
    }
}