/* burger */
#burger{
	width: 100%;
	background: #CCC;
	text-align: center;
	position: relative;
	z-index: 999;
}
/* burger ende */




#navi a {
  text-decoration: none;
	color: rgba(20, 53, 70, 1);
}

#navi .et-hero-tabs{
	padding: 0px;
}
#navi .et-hero-tabs,
#navi .et-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
	text-transform: uppercase;
	font-size: 12.5px;
	letter-spacing: 3px;
}

.et-hero-tabs-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
	top: 0px;
  background: #fff;
  z-index: 10;
}
/* fixiertes menü */
.et-hero-tabs-container--top {
  position: fixed;
  flex-direction: row;
  top: 0;
	background: #FFF;
  width: 100%;
  height: 70px;
  z-index: 10;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.et-hero-tabs-container--top .et-hero-tab{
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #000;
  transition: all 0.5s ease;
	border-bottom: 6px solid #FFF;
}
.et-hero-tabs-container--top .et-hero-tab:hover{
  background: rgba(20, 53, 70, 0.2);
	border-bottom: 6px solid transparent;
}
.et-hero-tabs-container--top .et-hero-tab:hover #navi a{
  color: #FFF!important;
}

.et-hero-tab {
  display: flex;
  justify-content: center;
  align-items: center;
	margin: 0px auto;
	flex: auto;
  color: #000;
  transition: all 0.5s ease;
	border-bottom: 6px solid #FFF;
}
.et-hero-tab:hover {
  transition: all 0.5s ease;
	border-bottom: 6px solid #61808e;
}

.et-hero-tab-slider {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 6px;
  background: #61808e;
  transition: left 0.3s ease;
}




/* ---------- MEDIA QUERIES ---------- */

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 988px) {
	#navi .et-hero-tabs,
	#navi .et-slide {
		font-size: 12px;
		letter-spacing: 1px;
	}
	.et-hero-tabs-container {
		flex-wrap: wrap;
		
	}
}

/* 1-Spaltig */
@media screen and (max-width: 750px) {
	
}

@media screen and (max-width: 480px) {}

/* -------- MEDIA QUERIES ENDE -------- */









/* === Burger Menü ===*/

#mobilmenu{
	height: 188px;
}

.burger{
	display: none;
}

#mobilmenu{display: none;}














/* ================================================================= */


/* 1-Spaltig */
@media screen and (max-width: 750px) {
	#mobilmenu{
		display: block;
		position: relative;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
	}
	#mobilmenu a:hover{
		opacity: 1;
	}
	#mobilmenu a:hover{
		color: #FFF;
	}
	.mobil_off{display: none!important;}
	.burger{
		display: block;
		height: 50px;         /* geändert */
	}
	#mobilmenu{
		height: 0;         /* geändert */
		overflow: hidden;         /* geändert */
	}
	.et-hero-tabs-container i{
		font-size: 20px;         /* geändert */
		padding-bottom: 20px;         /* geändert */
		padding-top: 20px;         /* geändert */
		line-height: 10px;
	}
	#navi{
		text-align: center;
	}
	
	#navi a {
  text-decoration: none;
	color: rgba(20, 53, 70, 1);
}

#navi .et-hero-tabs{
	padding: 0px;
}
#navi .et-hero-tabs,
#navi .et-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
	text-transform: uppercase;
	font-size: 12.5px;
	letter-spacing: 3px;
}

.et-hero-tabs-container {
  display: block;         /* geändert */
  flex-direction: row;
  position: relative;         /* geändert */
  bottom: 0;
  width: 100%;
  height: 70px;
	top: 0px;
  background: #fff;
  z-index: 10;
}
/* fixiertes menü */
.et-hero-tabs-container--top {
  position: fixed;
  flex-direction: row;
  top: 0;
	background: #FFF;
  width: 100%;
  height: 50px;
  z-index: 10;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.et-hero-tabs-container .et-hero-tab{
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #000;
  transition: all 0.5s ease;
	border-bottom: 0px solid #FFF;         /* geändert */
}
.et-hero-tabs-container .et-hero-tab:hover{
  background: rgba(20, 53, 70, 0.8);         /* geändert */
	border-bottom: none;         /* geändert */
}
.et-hero-tabs-container .et-hero-tab:hover #navi a{
  color: #FFF!important;
}

.et-hero-tab {
  display: block;         /* geändert */
  justify-content: center;
  align-items: center;
	margin: 0px auto;
	flex: auto;
	width: 100%;         /* geändert */
  color: #000;
  transition: all 0.5s ease;
	border-bottom: none;         /* geändert */
	background: #FFF;         /* geändert */
	padding: 7px 0px;         /* geändert */
}
.et-hero-tab:hover {
  transition: all 0.5s ease;
	border-bottom: none;         /* geändert */
}

.et-hero-tab-slider {
  display: none;         /* geändert */
}
	

	
}


/* ================================================================= */


/* === Burger Menü ENDE ===*/