/* 
Theme Name: Siges
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 */



/*FONT SETTINGS */

body {
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering:optimizeLegibility !important;
    font-weight: 400!important;
    background-color:#ECE9E4 !important;
    max-width: 100%!important;
    overflow-x: hidden!important;
  
  }
  
  p{
      line-height:22px;
      font-size: 16px;
  }
  
  
  /* BOX HEADINGS */
  
  #box-headlines h3 
  {
      font-size: 23px!important;
  }
  
  #box-small-headline h4 
  {
      font-size:14px!important;
  }
  
  /* INTRO HEADINGS */
  
  #intro-headlines h2 
  {
      font-size:25px!important;
  line-height:32px!important;
  }
  
  #intro-headlines h3 {
      font-size: 25px!important;
      line-height:32px !important;
  }
  
  
  /* HERO STYLING */
  
  #hero-position {
      margin-top: 0px!important;
  }
  
  
  /*POP OUT SECTIONS TEXT MEDIUM */
  
  #sub-texte-medium { 
      font-size:14vw!important;
  }
  .download-expose{
      border-radius:30px!important;
      padding:10px!important;
      font-weight:700!important;
      font-size: 14px!important;
      text-align: center!important;
  }
  
  button, input[type=button], input[type=reset], input[type=submit] {
      display: inline-block;
      max-width: 100%;
      padding: 12px 20px;
      cursor: pointer;
      text-align: center;
      white-space: nowrap;
      text-transform: uppercase;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      text-decoration: none;
      border: none;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      border-radius: 30px!important;
  }
  
  
  #edittag{
      max-width: 100% !important;
      width: 100% !important;
      }
      
  /*Siges main Styles Fonts */
  
      @media screen and (-webkit-min-device-pixel-ratio:0) { 
          select,
          textarea,
          input {
            font-size: 16px;
          }
        }
   
  .jet-mobile-menu__container{
            right:0px;
            top: 75px!important;
        
        }
  
  /** HOTSPOTS */
        
        [data-tippy-root] {
            max-width: calc(100vw - 10px);
            max-width: 30%!important;
            padding:20px
        }
        
  
        .jet-banner {
            position: relative;
            overflow: hidden;
            float: left;
            max-width: 100%;
            width: 100%;
            height: 310px!important;
        }
        .kontakt-icon-sidebar {
            transform: rotate(-90deg);
        
        }
        .active {
            background-color:transparent!important;
            transition: 0.2s;
        }
        
        /*
         .active .jet-menu-title{
            color: #FF8D5F!important;
            }
        
        
         .active  .fa-angle-down{
            color: #FF8D5F!important;
            }
        
        .active  .e-fas-envelope{
                fill: #FF8D5F!important;
        }
        
        .active .elementor-element-fca5571  .elementor-widget-container  {
            background-color:#FF8D5F!important;
            }
        
         .active .navbar ul li a  {
             background-color:transparent!important;
            border: 2px solid #FF8D5F!important;
             
            }
        
        .active-stolz{
            background-color:#DADEC9!important;
        }
        
        .active-faq{
            background-color:#EDE8DE!important
        }
        
        .site-logo-negativ{
            display:none;
        opacity:0;
            transition: 0.3s;
        }
        .active .site-logo-negativ {
            display:block;
            opacity: 1;
            fill: #745745;
        }
        .active .cls-1 {
            fill:black;
        }
        
        .active .mPS2id-highlight{
        background-color:#FF8D5F!important;
        
        }
        .active .site-logo{
            display:none!important;
        }
        .jet-sub-mega-menu{
            background-color:transparent!important;
        }
        .active .jet-ajax-search__submit{
            background-color:#FF8D5F!important;
        }
        .active .jet-nav-link-text{
            color:#FF8D5F!important;
        }
        
        .active .e-font-icon-svg {
            fill:#fff!important;
            
        }
        
        */
        
        /*NAV 
        
        .navbar ul li a.mPS2id-target {
          background-color:#ece9e4!important;
        }
        
        .navbar ul li a.mPS2id-highlight{ 
          background-color:#513C2D!important;
            color:#513C2D!important;
        
        
        }
        
        .navbar ul li a{
            background-color:transparent!important;
            border: 2px solid #513C2D;
        }
        
        
        /* 

        .navbar ul li a {
          display: block;
          border-radius: 50%;
          width: 18px;
          height: 18px;
          
          margin: 20px 0;
          
        
          
        
        }
              .navbar ul {
                  list-style: none;
              }
        
        
        
        
        #left {
        margin-top: 0px;
            padding:0px;
          right: 100px;
        }
        
        
        
        .jet-listing-grid__slider .jet-slick-dots {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            margin: 10px 0;
            padding: 0;
            z-index: 99!important;
            position: absolute;
        
        }
        
        /* Breadcrumbs */
        .site-breadcrumbs  {
            display:none!important;
        }
        
        
        /* Mobil Nav 
        
        .elementor-112 .elementor-element.elementor-element-314fe31 .jet-mobile-menu__container {
            z-index: 999;
            margin-right: -30px!important;
            margin-top: 30px;
        }
        

        .jet-sub-mega-menu {
            left: 0;
            right: auto;
            margin-top: 18px;
        }

        .text-field{
            border-radius:20px!important;
            padding:10px!important;
        }
        
                */
        
        .jet-tabs-move-up-effect > .jet-tabs__content-wrapper > .jet-tabs__content.active-content {
            -webkit-animation-name: moveUp;
            animation-name: moveUp;
            -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
            -webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
            animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
            -webkit-animation-play-state: running;
            animation-play-state: running;
            background-color: #F4F2EF;
        }
        
        .jet-listing-grid__item {
            padding: 3px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .download-expose{
            margin:5px;
            display:block!important;
            width:100%!important;
        }
        
        /*
        #jet-popup-5349 .jet-popup__close-button {
            transform: translateX(0px) translateY(0px);
            -webkit-transform: translateX(0px) translateY(0px);
            background-color: var(--e-global-color-794b3cb);
            font-size: 15px;
            width: 30px;
            height: 30px;
            border-radius: 30px 30px 30px 30px;
            right: 10px;
            top: 10px;
        }
        */

        .elementor-share-buttons--shape-rounded .elementor-share-btn {
            border-radius: 30px;
        }
        .elementor-motion-effects-container .elementor-motion-effects-layer{
            background-size:cover!important;
            background-repeat:no-repeat!important;
        }
        
        .jet-tabs__control-wrapper {
            background-color:#F4F2EF;
            align-self: flex-start;
            justify-content: flex-start;
            flex-grow: 0;
            border-radius: 5px 5px 0px 0px;
        }
        
        /*
        
        .jet-toggle > .jet-toggle__control .jet-toggle__label-icon .icon-normal {
            color: var(--e-global-color-794b3cb);
            background-color: transparent;
        }
        
        .jet-toggle.active-toggle>.jet-toggle__control .jet-toggle__label-icon .icon-active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
                color: var(--e-global-color-794b3cb);
        
            background-color: transparent;
        }
        
        
        /*GLOBAL FONTS */
        
        
        
        
        .subheadings h3 {
            font-size: 22px!important;
            line-height:28px!important;
        }
        
        
        /* HERO IMAGES 
        
        .hero-images{
                        border-radius:10px!important;
        
        }
        .hero-left-col{
            max-width:450px;
            padding-left:40px
        }
        
        @media screen and (min-width: 480px) {
            .hero-left-col{
                width:100%;
            padding-left:00px;
            padding-bottom:30px;
        }
        }
        
        @media screen and (min-width: 350px) {
            .hero-images{
            height:420px;
        }
        }
        
        @media screen and (min-width: 768px) {
            .hero-images{
            height:450px!important;
                width:60%!important;
        
        }
        }
        
        @media screen and (min-width: 1201px) {
            .hero-images{
            min-height:420px!important;
                    width:60%!important;
        }
        }
        
        @media screen and (min-width: 1630px) {
            .hero-images{
            min-height:500px!important;
                    width:60%!important;
        }
        }
        
        @media screen and (min-width: 1800px) {
            .hero-images{
            min-height:550px!important;
                    width:60%!important;
        }
        }
        
        .left-col-hero{
            width:55%!important;
            padding:30px;
        }
        
        
        @media screen and (min-width: 300px) {
            .left-col-hero{
            width:100%!important;
                    padding:0px!important;
        }
        }
        
        @media screen and (min-width: 768px) {
            .left-col-hero{
            width:45%!important;
                    padding:30px!important;
        }
        }
        
        @media screen and (min-width: 1201px) {
            .left-col-hero{
            width:45%!important;
                    padding:30px;
        }
        }
        */
        /* SECTION IMAGES */
        
        .section-image{
            border-radius:0px
        
            }
        
        .div{
            border-radius:0px!important;
        }
        @media screen and (min-width: 380px) {
            .section-image{
            min-width:100%!important;
            height: 300px ;
        }
        }
        
        @media screen and (min-width: 768px) {
        .section-image{
            min-width:40%!important;
            height: 300px ;
        }
        }
        
        @media screen and (min-width: 1201px) {
             .section-image{
            min-width:60%!important;
            min-height: 450px ;
        }
        }
        
        .list-design{
            background-color: #FF8D5F;
            color:white;
            border-radius:30px;
            padding:5px;
            margin-right:10px
        }
        
        .circle {
                border-radius: 50%;
                width: 34px;
                height: 34px;
                background: #fff;
                color: #000;
                text-align: center;
                        line-height:0.9;
                font-size: 32px;
                        font-weight:500;
            color: white;
                        background-color: #FF8D5F;
            margin-top:10px;
            margin-bottom:10px;
            margin-right:10px;
        }
        
        .numbers{
            font-size:18px;
            margin-top: -20px!important;
        }
        
        .flex-list{
            display:flex;
            justify-content: start;
            align-items: center;
        }
        
        .elementor-179 .elementor-element.elementor-element-87c60a1 .jet-timeline-item .timeline-item__card-img {
            margin-bottom: 10px;
            text-align: center;
            padding-top: 30px;
        }
        
        .elementor-112 .elementor-element.elementor-element-314fe31 .jet-mobile-menu__container {
            z-index: 999;
            margin-right: -6px;
            margin-top: 12px;
            margin-left: 0px;
            padding: 0px!important;
        }
        
     
        
        
        
        
        /**MENU 
        .demo {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100vw;
            height: 100vh;
            background-image: linear-gradient(
                to top,
                #dad4ec 0%,
                #dad4ec 1%,
                #f3e7e9 100%
            );
           
            .menu-icon {
                transform: scale(1.5);
            }
        }
        
        :root {
            --bar-bg: #212529;
        }
        
        .menu-icon {
            position: relative;
            width: 50px;
            height: 50px;
            cursor: pointer;
        
            .menu-icon__cheeckbox {
                display: block;
                width: 100%;
                height: 100%;
                position: relative;
                cursor: pointer;
                z-index: 2;
                -webkit-touch-callout: none;
                position: absolute;
                opacity: 0;
            }
            div {
                margin: auto;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                width: 22px;
                height: 12px;
            }
            span {
                position: absolute;
                display: block;
                width: 100%;
                height: 2px;
                background-color: var(--bar-bg, #000);
                border-radius: 1px;
                transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
        
                &:first-of-type {
                    top: 0;
                }
                &:last-of-type {
                    bottom: 0;
                }
            }
            &.active,
            .menu-icon__cheeckbox:checked + div {
                span {
                    &:first-of-type {
                        transform: rotate(45deg);
                        top: 5px;
                    }
                    &:last-of-type {
                        transform: rotate(-45deg);
                        bottom: 5px;
                    }
                }
            }
        
            &.active:hover span:first-of-type,
            &.active:hover span:last-of-type,
            &:hover .menu-icon__cheeckbox:checked + div span:first-of-type,
            &:hover .menu-icon__cheeckbox:checked + div span:last-of-type {
                width: 22px;
            }
        
            &:hover {
                @media (min-width: 1024px) {
                    span:first-of-type {
                        width: 26px;
                    }
        
                    span:last-of-type {
                        width: 12px;
                    }
                }
            }
        }
           * */
        .jet-filters-pagination__link {
            border-radius: 50px 50px 50px 50px;
            width: 35px;
            height: 35px;
            justify-content: center;
            align-items: center;
            font-weight: 700!important;
            line-height: 16px;
            letter-spacing: -0.2px;
            word-spacing: 0px;
            text-align: center;
        }
        
        .elementor-3448 .elementor-element.elementor-element-ffa7322 .jet-listing-dynamic-terms__link {
            background-color: #FF8D5F;
            margin-top: 10px;
            padding-left: 10px!important;
            border-radius: 8px;
            color: white;
        }
        
        
        
        input[type="file" i]::-webkit-file-upload-button {
            width:150px;
            height:50px;
            border-color: orange;
            border-radius: 30px;
            border-width:0;
        }
        

        
        .elementor-share-buttons--shape-rounded .elementor-share-btn {
            border-radius: 30px!important;
        }
        
        select {
            border: 1px solid #ebeced;
            border-radius: 30px;
            padding: 11px;
        }
        
        
        
       
      
      .container-title{
          justify-content:start!important;
          text-align:left!important;
          width:100%;
          padding-left:10px
      }
      
       .toggle-icon{
            font-size:32px;
                color: #BE9B53
        
        }
        
        
        .accordion {
            min-width: 100%;
                
        }
        
        .headline{
            text-align: left!important;
            font-family: 'Ageo';
            font-weight: 600!important;
            font-size:16px;
            line-height:16px;
        }
        
        .accordion-item {
            margin-bottom: 10px;
            border-radius: 5px;
            overflow: hidden;
        }
        
        .accordion-header {
            background: transparent;
            cursor: pointer;
            padding: 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            text-align: left;
                      border-bottom: 1px solid #c7c8c1
        }
        
  /* CUSTOM ACCORDIONS */
        
        .accordion-header .icon,
        .accordion-header .headline,
        .accordion-header .toggle-icon {
            margin: 0 0px;
        }
        
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
            padding: 0 10px;
            background-color: transparent;
        }
        
        .accordion-content p {
            margin: 10px 0;
        }
        
        .accordion-item.active .accordion-content {
            max-height: 200px;
            transition: max-height 0.2s ease-in;
        }
        
        .accordion-item.active .accordion-header .toggle-icon {
            transform: rotate(135deg);
            transition: transform 0.3s ease-out;
        }
        
      
      .jet-accordion__inner{
          display: grid!important;
              min-width:50%!important;
          grid-template-columns: 50% 50% !important;
          grid-column-gap: 5px
      }
  
  
  /*CUSTOM List Styles */
  ul {
      padding-left:0px;
      margin-left:0px;
      vertical-align: text-top!important;
  }
  
  #list-style li{
      margin: 0;
      padding: 8px 0 6px 30px;
      list-style: none;
      background-image: url("https://siges.kinsta.cloud/wp-content/uploads/2024/09/siges-checkmark.svg");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 22px;
      font-size: 17px;
      line-height:19px;
  
  }
  
  /*WOHGENSUNDHEUT */ 
  
  #circle {
      background: #FF8D5F;
      width: 220px;
          margin: auto;
          display: flex;
        align-items: center;
        justify-content: center;
      text-align:center;
      height: 220px;
      border-radius: 50%;
  }
  
  /*FILTER*/
  .apply-filters__button
  {background:#be9b53}
  
  
  
  .siges-arc-width{
      width:100%!important;
  }
  
  .elementor-counter {
      display: flex;
      justify-content: center;
      align-items: stretch;
      flex-direction: column-reverse;
      text-align: center !important;
  }
  
  .text-small{
      font-size: 25px;
      line-height:1.5
  }
  
  .text-medium{
      font-size: 30px;
      line-height:1.5
  }
  
  .text-large{
      font-size: 40px;
      line-height:1.5
  }
  
  a {
      color:#BE9B53;
  }

.download-expose{
    background-color: #FF8D5F!important
}
.download-expose:hover{
    background-color: #BE9B53!important
}
button{
	background-color:#FF8D5F!important;
}

/* Initial state for lazy-loaded elements */
.lazy-div {
    opacity: 0; /* Hidden by default */
    transform: translateY(30px); /* Start slightly below its final position */
    transition: opacity 0.5s ease-out, transform 0.5s ease-out; /* Smooth animation */
}

/* Final state when the content is visible */
.lazy-div.loaded {
    opacity: 1; /* Fully visible */
    transform: translateY(0); /* Original position */
}

/* Override styles in Elementor edit mode */
body.elementor-editor-active .lazy-div {
    opacity: 1 !important; /* Make visible in Elementor editor */
    transform: none !important; /* Reset any translation effects */
    transition: none !important; /* Disable animations in the editor */
}

.elementor-nav-menu .sub-arrow {
    display: none;
}

html,
body {
  overflow-x: hidden;
}

.jet-listing-grid__slider-icon {
    width: 40px!important;
    height: 30px;
    line-height: 33px;
    margin-top: calc(-33px / 2);
    font-size: 29px;
    background: var(--e-global-color-794b3cb);
    border-radius: 30px;
}