/*
Theme Name:     helfenstein-divi
Theme URI:     peppernet.ch
Description:    Divi Child Theme
Author:         Elegant Themes
Author URI:     http://www.elegantthemes.com/peppernet.ch
Template:       Divi
Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/* A L L G E M E I N ------------*/
h1.entry-title {
  display: none;
}
h2{
    font-size: 1.3em;
   }
#et-main-area{
  margin-top:25px;
}
#main-content{
  background: rgba(0, 0, 0, 0.0);
  margin-bottom: 60px;
}
#main-content .container {
  width:960px!important;
  min-height: 570px;
  background-color:#fff;
  padding-top:40px
}
.container {
  width:960!important;
  width:100%!important;
}
#left-area{
  width:600px;
  padding-left: 330px;
  padding-right:40px;
}
.entry-content a {
	color:#cfa20e;
}
h4 {
	font-size:1.4em;
	color: #d3640f;
	text-transform:uppercase;
	font-weight: 300;letter-spacing: 0.1em;
  margin-bottom:20px;
}
tr, td {
  border:0px!important;
}
.entry-content table{
  border:0px;
}
#content-area #left-area table td {
  padding:0.3em 0.8em 0 0.3em;
  vertical-align:top;
}
#content-area #left-area table tr {
  padding:0.3em 1em 0 0.3em;

}
.show {
  display:block!important;
  visibility: visible!important;
  opacity: 1.0!important;
}

/* H E A D E R -----------------------*/
#page-container #main-header {
  /* background-color: #8F6650; */
  background: rgba(0, 0, 0, 0.0);
  box-shadow:0 0 0;
  -webkit-box-shadow:0 0 0;
}
img#logo {
  margin-top:40px;
}

/* N A V I G A T I O N ----------------*/
#et-top-navigation {
  font-weight: 400;
}
 .et_header_style_left #et-top-navigation nav>ul>li>a{
  padding:7px 10px 7px 10px!important;
}
#top-menu-nav {
  float: right;
}
#top-menu.nav li {
  padding-right: 2px;
}
li.menu-item a {
	background-color: #ffffff;
  padding:10px;
  text-align: center;
}
#top-menu li li {
  padding:0 15px;
}

#top-menu li.current-menu-item > a{
  color: #C8BE00;
}
#top-menu.nav li.current-menu-ancestor a{
  color:#C8BE00;
  }
#top-menu.nav ul.sub-menu.show li.current-menu-ancestor a{
  color:#C8BE00;
}
li.menu-item a:hover {
	background-color: #ccc;
	background-image:none;
}
.menu-item-has-children a::after{
  display: none;
}
#top-menu ul.sub-menu {
  display: none;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
  padding-bottom:10px;
}

/* S I D E - N A V I G A T I O N  ----------------*/
nav li li ul {
  top:0!important;
  left:0!important;
}
#top-menu li a {
  font-size: 14px;
}
#top-menu li li a {
  padding:5px 0px;
  width: 150px;
}
.nav li ul {
  width:180px;
  border-top:0px;
  box-shadow:0px 5px 35px #999;
}
#top-menu ul.sub-menu.show li a {
  text-align: left;
  color:#333;
  font-size: 15px;
  font-weight: 400;
}
#top-menu ul.sub-menu.show li .sub-menu.show a{
color:#333;
width:113px;
}
#top-menu ul.sub-menu.show li.current-menu-item a, #top-menu ul.sub-menu.show .sub-menu.show li.current-menu-item a {
color:#C8BE00;
}
#top-menu ul.sub-menu .sub-menu {
  width: 130px;
}
/*submenu-helfenstein-p*/
#menu-item-438 ul.sub-menu{
margin-top:66px;
margin-left:-510px;
}
/*submenu-d-dienstleistungen-*/
#menu-item-437 ul.sub-menu{
margin-top:66px;
margin-left:-635px;
}
/*submenu products---------*/
#menu-item-440 ul.sub-menu{
margin-top:66px;
margin-left:-755px;
}
/* Sub-Menu Tische etc------*/
#menu-item-454 ul.sub-menu{
  margin-top:-20px;
  margin-left:190px;
}
/* Sub-Menu Stühle------*/
#menu-item-459 ul.sub-menu{
  margin-top:-20px;
  margin-left:190px;
}
/* Sub-Menu Bänke------*/
#menu-item-463 ul.sub-menu{
  margin-top:-20px;
  margin-left:190px;
}
/* Sub-Menu Raumlüfter------*/
#menu-item-1007 ul.sub-menu{
  margin-top:-20px;
  margin-left:190px;
}
/* M O B I L E   N A V I G A T I O N -------------------------------------*/
.mobile_menu_bar::before, .et_overlay::before{
    color:#fff!important;
    font-size: 3.5em;
    margin-right:15px;
  }
  #mobile_menu {
    width:100%;
    background-color: #777777;
  }
  #mobile_menu li a{
    text-align: left;
    color:#fff;
    font-size: 1.3em;
  }
  #mobile_menu li.menu-item a{
    background-color: #777;
  }

/*F O O G A L L E R Y --------------*/
.parent-pageid-5 .foogallery-default, .parent-pageid-7 .foogallery-default, #foogallery-gallery-300 {
  position:absolute;
  bottom: 20px;
  left: 20px;
}
.foogallery-default {
  position:relative;
  margin-top:10px;
  margin-left: 0px;
  left: 0px;
}
.foogallery-default a {
  padding:0px;
}
.parent-pageid-8 .foogallery-container,
.parent-pageid-23 .foogallery-container,
.parent-pageid-30 .foogallery-container, .parent-pageid-62 .foogallery-container{
  margin-bottom:20px;
}

/* Vergrösserung von Bildabsgtand in Foogalelries, moniert von Google Search Conosle > zu nahe klickebare Objekte*/
.fg-default.fg-gutter-5 .fg-item {
  margin-right:10px;
  margin-bottom: 10px;
}

/* H O M E ---------------------*/
p.goethe {
  margin-bottom:75px;
}
p.zitat {
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.5em;
}

/* T E A M --------------*/
div.team{
  display: inline-block;
  margin-bottom: 40px;
  width:100%;
}
.team img{
float:left;
}

.team p::after{
  clear:float;
}

/*K O N T A K T F O R M  U L A R - -------*/
.wpcf7 input[type=submit] {
  width:40%;
  background-color: #C8BE00;
  color: #fff;
  font-size:1.2em;
}
.wpcf7 input, .wpcf7 textarea{
  padding:10px;
  border:0px;
  background-color:#f2f2f2;
  width:80%;
}
.wpcf7 textarea {
  background-color: #f2f2f2;
}

/* D A T E N S C H U T Z ---------------*/
#main-content .container {
  padding-bottom: 50px;
}
.page-id-1311 #left-area {
  width: 100%!important;
  padding-left: 50px!important;
  padding-right: 50px!important;
}
.page-id-1311 #main-content .container::before{
  display: none!important;
}
.page-id-1311 h2 {
  padding:20px 0;
  line-height: 1.3em;
}

/* F O O T E R  ---------------*/
#footer-widgets {
    padding: 2% 0 0;
}
#footer-widgets #custom_html-2 ul li::before{
display:none;
}
#footer-widgets #custom_html-2 ul li {
  display:inline-flex;
  padding-left: 0;
  padding-right:20px;
  font-size:1.2em;
  color:#fff;
}
  #footer-widgets #custom_html-2 ul li a {
  color:#C8BE00!important;
  font-size:0.9em;
}
#footer-bottom{
  height:1px;
}
.et_pb_gutters3.et_pb_footer_columns1 .footer-widget {
  margin:0 0 0 0;
}


/* M E D I A   Q U E R I E S  -----------------------
-------------------------------------
-----------------------------------------*/

/* R E S P O N S I V E ---Handy------   PORTRAIT -----------------------------------------------------------------------------*/
@media only screen and (max-width: 649px) {
  h1{
    font-size:1.7em;
   }
   h2{
    font-size: 1.3em;
   }
  h4 {
    letter-spacing: 0.05em;
  }
  #main-content .container{
    width:90%!important;
    padding-top:20px!important;
  }
  #left-area{
    margin-left: 0px;
    padding:20px;
  }
  img#logo {
    margin-left:20px;
    margin-top:0px;
  }
  .current-menu-item > a {
    border-left:4px solid orange!important;
  }
#menu-item-436 > a, #menu-item-437 > a, #menu-item-438 > a, #menu-item-439 > a, #menu-item-440 > a {
   background-color:#444!important;
   margin-bottom:4px;
}
#mobile_menu #menu-item-473 a, #menu-item-727 a, #menu-item-1006 a {
  font-weight: 700;
}
  #top-menu ul.sub-menu {
    display: block;
    visibility: visible;
  }
  #menu-item-437 ul.sub-menu{
  margin-left:0;
  margin-top:0;
  }
  #menu-item-438 ul.sub-menu{
  margin-left:0;
  margin-top:0;
  }
  #menu-item-440 ul.sub-menu{
  margin-left:0;
  margin-top:0;
  }
  .page-id-14 #left-area {
    padding-bottom:320px;
  }
  .page-id-48 #left-area {
    padding-bottom:220px;
  }
  .page-id-52 #left-area {
    padding-bottom:200px;
  }
  div.team {
    margin-bottom:20px;
  }
  div.team img{
    float:none;
    display:block;
    /* width:150px; */
    margin-bottom:20px;
     }
  div.team p{
    margin:20px 0px 20px 0;
    padding-left:0;
    display: block;
  }
  .wpcf7 input, .wpcf7 textarea{
    padding:10px;
    border:0px;
    background-color:#f2f2f2;
    width:100%;
  }

  /* D A T E N S C H U T Z ----------------------*/
  .page-id-1311 #left-area {
    width: 100%!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
  /*FOOTER*/
  #custom_html-2 {
    margin-left:20px;
  }
  #footer-widgets #custom_html-2 ul li {
    display:block;
}
}
/*------------------------------------------------------------------------------
R E S P O N S I V  -- M E D I U M ---TABLET-PORTRAIT--DESKTOP SCHMAL -----------------------------------------------------------------------------*/

@media only screen and (min-width: 706px) and (max-width:992px) {
  #main-content .container{
    width:90%!important;
  }
  #left-area{
  margin-left: 0px;
  padding:20px;
  }
  img#logo {
  margin-left:40px;
  margin-top:0px;
  }
  .mobile_menu_bar::before, .et_overlay::before{
      color:#fff!important;
      font-size: 3.5em;
      margin-right:40px;
    }
  .current-menu-item > a {
    border-left:4px solid orange!important;
  }
#menu-item-436 > a, #menu-item-437 > a, #menu-item-438 > a, #menu-item-439 > a, #menu-item-440 > a {
   background-color:#444!important;
   margin-bottom:4px;
}
  #top-menu ul.sub-menu {
    display: block;
    visibility: visible;
  }
  #menu-item-437 ul.sub-menu{
  margin-left:0;
  margin-top:0;
  }
  #menu-item-438 ul.sub-menu{
  margin-left:0;
  margin-top:0;
  }
  #menu-item-440 ul.sub-menu{
  margin-left:0;
  margin-top:0;
  }
#mobile_menu #menu-item-473 a, #menu-item-727 a, #menu-item-1006 a {
  font-weight: 700;
}
  .page-id-14 #left-area {
    padding-bottom:320px;
  }
  .page-id-48 #left-area {
    padding-bottom:220px;
  }
  .page-id-52 #left-area {
    padding-bottom:220px;
  }

  /*FOOTER*/
  #custom_html-2 {
    margin-left:40px;
  }
}
/* BREAK POINT geändert */
@media (max-width: 1024px) {
 #et_mobile_nav_menu {
 display: block;
 }

#top-menu {
 display: none;
 }
 }