/*
 Theme Name:   Divi Child Theme
 Description:  Child Theme for DIVI
 Author:       Eva-Maria Beck
 Author URI:   https://elegantthemes.com
 Template:     Divi
 Version:      1.0
Text Domain:   divi-child	
*/

/*Add your own styles here:*/

/*Punkte unter dem Menu:*/
.menu-emb .et-menu > li > a:before {
  display: block;
  width: 100%;
  height: 5px;
  background: url(https://atelier-stille-tanz.de/wp-content/uploads/2024/12/Punkte-Menue-1.png) no-repeat center;
  content: '';
  background-size: auto 100%;
  position: absolute;
  bottom: 10px;
  opacity:0;
  transition: all .3s ease-in-out;
}
.menu-emb .et-menu > li > a:hover:before,
.menu-emb .et-menu > li.current-menu-item > a:before {
opacity:1;
}


/** Nach oben Button **/

.et_pb_scroll_top.et-pb-icon {
    text-align: center;
    background: #00788F; /* Hintergrundfarbe */
    text-decoration: none;
    position: fixed;
    z-index: 99999;
    bottom: 125px;
    right: 0px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    display: none;
    cursor: pointer;
    font-size: 35px; /* Icongroesse */
    padding: 5px;
    color: #fff;
    }
    .et_pb_scroll_top:before {
    content: '6'; /* Icon im Button */
    }

     /**
   * Footer - die Links weiß
  **/
  #footer_link a {
    color: #fff;
  }
  
  /* Menu Desktop */
  
  /*edit the Divi submenu*/
  .et_pb_menu .nav li ul {
    padding:0!important;
    box-shadow: 5px 5px 30px 5px rgb(69 79 91 / 20%);
    border-top: none!important;
    text-align:left;
    border-radius:5px;
    }
    
   /*add point on top of the Divi menu submenu dropdown*/
   .et_pb_menu nav>ul>li>ul:after {
    position: absolute;
    left: 20%;
    margin-left: -20px;
    top: -10px;
    width: 0;
    height: 0;
    content: '';
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    }
  
    
    /*edit the Divi submenu list items*/
    .et_pb_menu .nav li ul.sub-menu a {
    padding:10px 0px !important;
    transition: all 0.3s ease-in-out!important; 
    }
  
    /*edit the Divi submenu list items*/
  .et_pb_menu .nav li ul.sub-menu a:hover {
    background:transparent;
    opacity:1;
    transform:translateX(10px);
    }
    
    .et_pb_menu .nav li li:not(:last-child) {
    border-bottom: 1px solid rgb(0,0,0,0.1);
    }
  
     /*Menu Tablet - Scrollen*/
     #mobile_menu1 {
      height: 89vh;
      z-index: 9999999 !important;
      overflow: scroll !important;
       }
  


      /* Menu Mobile */
  
  @media (max-width:980px) {
      /* Hamburger durch x ersetzen*/
      .opened .mobile_menu_bar:before {
          content:'\4d';
      }
  
  /*rotate the Divi Menu icon on click*/
  .menu-emb .mobile_nav.opened .mobile_menu_bar::before {
    transition: all .4s ease;
    transform: rotate(90deg);
    display: block;
  }
  
  
      /* Border weg und fullwidth */
      .et_mobile_menu {
          border-top:none;
          width:100vw;
          left:-5vw;
      }}
  
  /*Background weg */
    .et_mobile_menu .menu-item-has-children > a {
          background:none;
              }
  
    
    /* Hauptpunkte fett */
    .et_mobile_menu a {
      font-weight: 700;
        }
  
      /*Submenu links regular*/
      .et_mobile_menu .menu-item-has-children li a {
        font-weight: 400 !important;
        }
  
      
  /*edit the Divi mobile menu*/
  .menu-emb .et_mobile_menu {
    margin-top: 5px;
    box-shadow: 0 5px 30px 5px rgb(69 79 91 / 20%);
    border-radius: 5px;
    padding: 20px !important;
  }
  

  /*Kleine Desktops - Button frueher ausblenden und Menu verbreitern*/
  @media screen and (max-width: 1457px) {
  
    #button-emb {
       display: none;
     }
   }

   @media (max-width: 1457px) {
    #Zeile-Menu .et_pb_column_1_tb_header {
      display: none;
    }
  }
  @media (max-width: 1457px) {
    #Zeile-Menu .et_pb_column_0_tb_header {
      width: 100%;
    }
    }


    /*Kleine Desktops - Logo kleiner machen*/

       @media screen and (max-width: 1092px) {
       .et_pb_menu__logo {width: 150px;}

  }

/* #### Header underline color #### */

.clara-title h1,
.clara-title h2 {
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65%, #EBEDE6 50%, #EBEDE6 100%);
}


/* ### General ### */
#page-container {
    overflow-x: hidden;
}


/* #### Home page #### */
@media screen and (min-width: 981px) and (max-width: 1450px) {
.hero-image.et_pb_image {
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.title-desc-600.et_pb_text {
    width: 100%;    
}

.hero-column-2 {
    padding: 75px;  
}

.home-middle-column-1 {
    padding: 75px !important;   
}

.home-middle-image.et_pb_image {
    margin-right: 0px!important;
    margin-left: 0px!important;
    padding-left: 35px;
    padding-right: 35px;
}}

/* #### Header underline #### */
.clara-title h1,
.clara-title h2 {
    display: inline;
    padding: 0 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.clara-title-center .et_pb_text_inner {
    display: flex;
    justify-content: center;
}

.testimonial-blurb .et_pb_blurb_content {
    display: flex !important;
    justify-content: center;
    justify-items: center;
    justify-self: center;
}

.testimonial-blurb .et_pb_main_blurb_image {
    display: flex !important;   
    width: 80px;
}

.hww-number {
    display: flex;  
    justify-content: center;
    align-items: center;
}

.hww-number h3 {
    padding-bottom: 0px !important;
    margin-bottom: -2px;
    line-height: 1em !important;
} 

/* dosis-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/dosis-v32-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/dosis-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dosis-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/dosis-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/dosis-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dosis-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/dosis-v32-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dosis-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/dosis-v32-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/dosis-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dosis-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/dosis-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/dosis-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dosis-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/dosis-v32-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* average-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Average Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/average-sans-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}