/*
Theme Name: Divi_Child
Description: tinytree Childtheme
Author: Emanuel Kössel
Author URI: https://www.tinytree.de
Template: Divi
Version: 1.0
Tags:
*/
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,600,700');
@import url("../Divi/style.css");

/**
  * GENERAL
  */

/* body{
  background-image: url("http://dresruhm.s77.mein-host.de/wp-content/uploads/2018/06/zahnarztpraxis-zieglgaensberger-dietzenbach-kreis-offenbach-hessen-empfang-01.jpg");
} */

  
/**
  * ENDE GENERAL
  */

/**
  * Side_Menu
  */

h1{
  font-size: 45px;
  font-weight: 100;
}

h2{
  font-weight: 300;
}

@media(min-width: 981px){
  #main-header{
    background-color: initial;
  }


  .sub-menu{
    position: static !important;
    position: initial !important;
    box-shadow: none !important;
    border: none !important;
    width: initial !important;
  }

  .et_menu_container{
    margin: 0 !important;
  }

  .et_vertical_fixed.admin-bar #page-container #main-header {
    top: 0;
  }

  .tt-menu-column{
    height: 23vh;
    text-align: left;
    padding: 0px;
    /* font-size: 1.5em !important; */
    font-weight: 400;
    background-color: #fff;
    overflow-y: hidden;
    overflow-x: hidden;

    -webkit-transition: background-color 0.25s ease-out, height 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, height 0.25s ease-out;
    -o-transition: background-color 0.25s ease-out, height 0.25s ease-out;
    transition: background-color 0.25s ease-out, height 0.25s ease-out;
  }

  .et_vertical_nav #main-header #top-menu>li>a {
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
  }

    /* width */
  .tt-menu-column::-webkit-scrollbar {
    width: 3px;
    
  }

  /* Track */
  .tt-menu-column::-webkit-scrollbar-track {
    background: #f9f9f9; 
  }

  /* Handle */
  .tt-menu-column::-webkit-scrollbar-thumb {
    background: #fff; 
  }

  /* Handle on hover */
  .tt-menu-column::-webkit-scrollbar-thumb:hover {
    background: #fff;
  }

  .tt-menu-column:hover{
    color: #fff;
    background-color: rgba(19, 166, 152, 0.75);
    height: 35vh;
  }

  @media(max-height: 960px){
    .tt-menu-column:hover{
      height: 40vh;
    }
  }

  @media(max-height: 840px){
    .tt-menu-column:hover{
      height: 45vh;
    }
  }

  @media(max-height: 750px){
    .tt-menu-column:hover{
      height: 50vh;
    }
  }

  .tt-menu-column a{
    color: inherit !important;
  }

  .tt-menu-column ul {

    background: none !important;
  }

  .logo_container{
    background: #fff !important;
  }

  .et_vertical_nav.et_vertical_fixed.et_header_style_left #et-top-navigation, .et_vertical_nav.et_vertical_fixed.et_header_style_split #et-top-navigation {
    padding-top: 0;
  
  }


  .et_vertical_nav .logo_container {
    padding-top: 30px;
    padding-left: 20px;
  }

  .et_vertical_nav #page-container #main-header {
    padding-top: 0;
  }

  .current-menu-item{
    color: #fff !important;
    background-color: rgba(19, 166, 152, 0.75) !important;
  }

  .sub-menu .current-menu-item{
    background-color:transparent !important;
  }


  .et_mobile_menu li a, .nav li li a {
    font-size: 18px;
  }


  .sub-menu{
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 15px !important;
  }

  #top-menu a, #top-menu ul.sub-menu{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: color 0 ease-in;
    transition: none;
  }

  .entry-content{
    margin: 3%;
    /* height: 90vh;
    overflow-y: scroll; */
    border: solid;
    border-color: #fff;
    border-width: 50px;
    border-right-width: 25px;
    padding-right: 25px;
    background-color: #fff;
    font-weight: 400;
  }

  /* /////////////////////////////////////////////////////////////////////////////////////*/

  .et_pb_row {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin: auto;
  }
  .current-menu-item a{
    color: #fff !important;
  }

  /* #main-footer{
    display: none; 
  } */

  .et_pb_section {
    padding: 0 0;
  }

  .sub-menu{
    padding: 0 !important;
  }

  .sub-menu .menu-item{
    padding: 0 !important;
  }


  #top-menu li li a {
    padding: 0px 0 !important;
    font-size: 14px !important;
    display: list-item !important;
    color: #fff !important;

    list-style-type: circle;
    list-style-position: inside;

  }

  #main-header .logo_container {
    width: 100% !important;
    padding-top: 12px;
    padding-left: 10px;
  } 

  .et_vertical_nav #main-header #logo {
    max-height: 60px;
    margin-bottom: 15px;
  }

  .current-menu-item#menu-item-13:after{
    content: "˅";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 5px;
    background: -moz-linear-gradient(top, rgba(78,188,178,0) 0%, rgba(78,188,178,0) 1%, rgba(78,188,178,1) 78%, rgba(78,188,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(78,188,178,0) 0%,rgba(78,188,178,0) 1%,rgba(78,188,178,1) 78%,rgba(78,188,178,1) 100%);
    background: linear-gradient(to bottom, rgba(78,188,178,0) 0%,rgba(78,188,178,0) 1%,rgba(78,188,178,1) 78%,rgba(78,188,178,1) 100%);
  }
  
  .current-menu-item#menu-item-13:hover:after{
    content: "˄";
  }

  #main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul {
    padding: 0;
  }
  

  #main-content{
    opacity: 0;
    -webkit-animation: fadein 2s forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s forwards; /* Firefox < 16 */
        -ms-animation: fadein 2s forwards; /* Internet Explorer */
         -o-animation: fadein 2s forwards; /* Opera < 12.1 */
            animation: fadein 2s forwards;
    animation-delay: 0s;
  }

  @keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
  }

  /* Firefox < 16 */
  @-moz-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }

  /* Safari, Chrome and Opera > 12.1 */
  @-webkit-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }

  /* Internet Explorer */
  @-ms-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }

  /* Opera < 12.1 */
  @-o-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }


}

@media (min-width: 981px) and (min-height: 700px) {
  .sub-menu{
    padding: 0 !important;
    padding-left: 15px !important;
  }

  .sub-menu .menu-item{
    padding: 0 !important;
  }


  #top-menu li li a {

    padding: 3px 0px !important;
    padding-right: 30px !important; 
    margin-left: 20px !important;
    font-size: 16px !important;

    list-style-position: outside;

}
}


@media(min-height: 1110px){
  .tt-menu-column{
    height: 24vh;
  }
}


  
/**
  * ENDE Side_Menu
  */



/**
*   Content START
*/

/* width */
body::-webkit-scrollbar {
  width: 6px;
  
}

/* Track */
body::-webkit-scrollbar-track {
  background: #f9f9f9; 
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background: rgba(19, 166, 152, .75); 
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: rgba(19, 166, 152, 1);
}



/** App Style header and Drop Down Menu **/

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px);
 }
}

@media only screen and (min-width: 2400px){
  .et_pb_section {
      padding: 0 !important;
  }
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

.et_mobile_menu {
  padding: 0;
}

.et_mobile_menu li li {
  padding-left: 0;
}



.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
  border-color: #000 !important;
  border-width: 1px;
}

@media (max-width: 980px){
  .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
      padding-top: 24px !important;
  }
}


.et_pb_toggle_open .et_pb_toggle_title:before {
  content: "\2212";
  font-family: 'Dosis',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 900;
  font-size: 40px;
  top: 35%;
}


.et_pb_toggle_title:before {
  content: "\002B";
  font-family: 'Dosis',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 900;
  font-size: 40px;
  top: 35%;
}


/*FOOTER START*/

@media(min-width: 981px){

  #footer-widgets {
    padding: 1% 0 1%;
    margin-top: 4%;
    text-align: center;
  }

  .footer-widget{
    margin-bottom: 0 !important;
  }

  .footer-widget .widget_text{
    width: 100%;
  }

  #main-footer > .container {
    width: 100%;
  }

  #main-footer{
    margin-left: 3%;
    margin-right: 3%;
    padding-right: 50px;
    padding-left: 50px;
  }
}

#footer-bottom{
  display: none;
}

/*FOOTER END*/


/* #tt-headline-kinder{
  position: relative;
  top: 150px;
}

@media(min-width: 981px){
  #tt-headline-kinder{
    top: 260px;
  }
} */

#tt-kinder-zahnfee{
      margin-bottom: -85px;
}


@media(min-width: 981px){
    #tt-kinder-zahnfee{
    margin-bottom: -55px;
  }


  #tt-kinder-zahnfee .et_pb_image{
    margin-right: 0 !important;
  }
}


/*Divi Gallery fix*/

@media (max-width: 767px){
  .et_pb_column .et_pb_grid_item:nth-child(3n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(3n) {
      margin-right: 5.5%;
  }
}

/* Google Opt Out Banner*/
.gaoop {
  color: #000 !important;
  background-color: #fff !important;
  z-index: 100000;
  font-weight: 400;
  padding: 16px !important;
}

.gaoop a {
  color: #13a698 !important;
}

.gaoop img{
  filter: invert(100%);
}


/* 4K Optimierungen */

/* .container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
  max-width: 2500px !important;
} */

@media(min-width: 2380px){
  .entry-content{
    max-width: 2020px;
    margin-left: auto;
    margin-right: auto;
  }
}

.not-visible{
 display: none !important;
}