/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



@media (min-width: 1025px) {
  .link-cursor:hover .project-title::before, .link-fullwidth:hover .project-title::before {
    top:0;
    transition: 0.3s;
}
.link-cursor:hover .project-title::before, .link-fullwidth:hover .project-title::before, .team-cursor:hover .project-title-text:hover {
    top:0;
    transition: 0.3s;
}
.link-cursor:hover .project-title-text, .link-fullwidth:hover .project-title-text, .team-cursor:hover .project-title-text {
    opacity: 1;
    transition: 0.3s;
    transition-delay: 0.2;
    top:0;
}
.project-title-text{
    opacity: 0;
    transition: 0.3s;
    transition-delay: 0.2;
    top:50px;
}
}

body {
    cursor: auto;
  }
  
  /* 2. The custom cursor element (initially hidden) */
  @media (min-width: 1024px) {
  #custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background: url('/wp-content/uploads/2025/05/link-cursor.svg') no-repeat center center;
    background-size: contain;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    transform: rotate(-90deg)
  }
  }
  .link-fullwidth {
    background: url('/wp-content/uploads/2025/05/expand-project.svg') no-repeat center center;
  }
  
  /* 3. Only show the custom cursor when hovering over .link-cursor section */
  .link-cursor:hover ~ #custom-cursor,
  .link-cursor.hovering ~ #custom-cursor,
  .link-fullwidth:hover ~ #custom-cursor,
  .link-fullwidth.hovering ~ #custom-cursor  {
    opacity: 1;
  }
  
  /* Optional: animate rotation */
  #custom-cursor.rotated {
    transform: rotate(0deg);
  }
  .link-cursor, .link-fullwidth{
      cursor: none;
  }

.team-cursor {
    cursor: default;
    pointer-events: all;
  }

  .link-cursor a, .link-fullwidth a{
      cursor: none;
      width: 100%;
  }


.projekt-lightbox {
    display: none;
  }

.projekt-lightbox {
    max-height: 850px;
}

.projekt-lightbox .slidey img {
    height: 850px;
    object-fit: cover;
    width: -webkit-fill-available;
}

.slidey .swiper-pagination .swiper-pagination-bullet{
        border-radius: 0;
        background: #fff;
        opacity: 1
    }
.slidey .swiper-pagination .swiper-pagination-bullet-active{
            background: #000;
    }

.slider-container {
  position: relative;
  overflow: hidden;
  cursor: auto;
}

.slider-container .elementor-swiper-button-prev,
.slider-container .elementor-swiper-button-next {
  position: absolute;
  width: 80px;
  height: 80px;
  transition: opacity 0.3s ease;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%);
}

.slider-container.show-prev .elementor-swiper-button-prev,
.slider-container.show-next .elementor-swiper-button-next {
  pointer-events: auto;
}

.slider-container .slidey * {
    cursor: auto;
  }

.slider-container.custom-cursor-active .slidey * {
    cursor: none;
}

.open-lightbox:hover {
    background: #fff;
    transform: scale(1.1);
    transition: 0.5s;
    border-radius: 50%;
    padding: 20px;
}

.close-lightbox:hover {
    background: #fff;
    transform: scale(1.1);
    transition: 0.5s;
    border-radius: 50%;
    padding: 20px;
}

.close-lightbox {
    z-index: 999;
}

.right img {
    min-height: 500px;
    object-fit: cover;
}

.right .open-lightbox img {
    min-height: auto;
}

.left {
    font-size: 20px;
}

.left strong {
    font-weight: 900;
    display: inline-block;
    min-width: 180px;
}

.dots-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }
  .dots-bar .dot {
    width: 6px;
    height: 6px;
    background: black;
    display: inline-block;
  }
  .dots-bar .balken {
    width: 8px;
    height: 12px;
    background: black;
    display: inline-block;
  }

.project-title-text.member-text {
  background: #fff;
} 

.weitere-referenzen .swiper-slide {
  width: calc((100% - 30px) / 2); /* Zwei Slides + Abstand */
  margin-right: 30px;
  flex-shrink: 0;
}

.weitere-referenzen-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(to right, transparent, white); /* oder deine BG-Farbe */
  pointer-events: none;
}

@media (max-width: 768px) {
  .elementor-kit-6 h1 {
    font-size: 52px;
  }
  .elementor-kit-6 h2 {
    font-size: 38px;
  }
  .projekt-lightbox .slidey img {
    height: 500px;
    object-fit: cover;
    width: -webkit-fill-available;
}
.project-title {
  background: #fff;
  color: #000;
}

.project-title-text {
  opacity: 1 !important;
  top: 0 !important;
}

.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper {
  align-items: center;
}
}

@media (min-width: 769px) and (max-width: 1024px) {
  .elementor-kit-6 h1 {
    font-size: 60px;
  }
  .elementor-kit-6 h2 {
    font-size: 32px;
  }
  .elementor-kit-6 h3 {
    font-size: 26px;
  }
  .elementor-kit-6 h4 {
    font-size: 20px;
  }

  .projekt-lightbox .slidey img {
    height: 500px;
    object-fit: cover;
    width: -webkit-fill-available;
}
.project-title {
  background: #fff;
  color: #000;
}

.project-title-text {
  opacity: 1 !important;
  top: 0 !important;
}

.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper {
  align-items: center;
}

}

a {
  color: inherit;
}

/* ZUCKERRAUM */
.postid-1840 .projekt-lightbox .slidey img {
  object-fit: contain;
}

@media (min-width: 1024px) {
  .about-us .swiper-slide-image {
    height: 500px;
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .about-us .swiper-slide-image {
    height: 400px;
    width: 100%;
  }
  nav #menubar-996 {
    top: 55px;
    border-bottom: 1px solid #505050;
  } 
}

.about-us .swiper-slide-image {
  object-fit: cover;
  filter: grayscale(1);
}
.about-us .swiper-slide-image:hover {
  filter: grayscale(0);
}

@media (min-width: 1024px) and (max-width: 1441px) {
  [data-element_type="container"]:not(.elementor-element-75f5b0c, .elementor-element-9e3125c){
    padding: 0 2%;
  }
  .elementor-216 .elementor-element.elementor-element-9e3125c {
    --content-width: 100%;
}
}