/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         zCoding
 Author URI:     http://zcoding.de
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* Platz für Header */
#main-content {
	padding-top: 185px;
    background-color: #fff !important;
}

#left-area {
	margin-top: -255px !important;
}

@media only screen and (max-width: 980px) {
	#main-content {
		padding-top: 150px !important;
	}
	#left-area {
		margin-top: -100px !important;
	}
}



/* auf Mobiles Menü umschalten */
@media only screen and ( max-width: 1315px ){
	.desktop_header {display: none;}
	.mobil_header {display: block;}
}
@media only screen and ( min-width: 1314px ){
	.desktop_header {display: block;}
	.mobil_header {display: none !important}
}


/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
	#left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}

}

/* Breite Dropdown menü */
.nav li ul {
    width: 312px;
}
.nav li ul a {
    width: 270px;
}


/* ToolTip */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}