/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

nav.navbar {
	background-color: #333;
	border-bottom: 1px solid #fecd1a;
	padding: 0;
}
ul.topnav li.nav-item {
  position: relative;
	font-weight: bold;
}
@media(min-width: 992px){
  ul.topnav li.nav-item {
    border-bottom: 0px solid #F49E00;
  }
}
/*#hc-nav-1 ul.topnav li.nav-item {
  background-color: #00519e;
}*/
ul.topnav li.nav-item.highlight a.nav-link {
  background-color: #F49E00;
  color: #fff;
}
ul.topnav li.nav-item a.nav-link {
  padding: 12px 20px;
  color: #fff;
	line-height: 1.42857143;
}
ul.topnav li.nav-item a.nav-link:hover {
  background: #FECD1A none repeat scroll 0 0;
	color: #000;
}
ul.topnav li.nav-item.highlight a.nav-link:hover {
  color: #00519e;
}
@media(min-width: 992px){
  ul.topnav li.nav-item.show a.nav-link {
    background-color: #FECD1A;
		color: #000;
  }
  /*
  ul.topnav li.nav-item a.nav-link:hover, ul.topnav li.nav-item.show {
    background-color: #00519e;
    color: #fff;
  }
  ul.topnav li.nav-item:hover::after {
    position: absolute;
    content: '';
    border-bottom: 10px solid #ebf1f6;
    width: 100%;
    height: 10px;
    bottom: -10px;
    left: 0;
    z-index: 1;
  }
  */
}
ul.topnav li.nav-item.active a:after {

}
@media(max-width: 991.98px){
  .dropdown-toggle::after {
    display: none;
  }
}
/*
div.dropdown-menu {
  border-top: 10px solid #F49E00;
}
*/
div.dropdown-menu {
  padding: 0 0 10px;
  margin: 0;
  padding: 0;
	display: none;
  position: absolute;
  z-index: 999;
  min-width: 180px;
  white-space: nowrap;
  background: #000;
  border-left: 1px solid #FECD1A;
}
div.dropdown-menu ul {
  list-style-type: none;
  padding: 0;
	margin: 0;
}
div.dropdown-menu ul li a {
	font-size: 12px;
	color: #fff;
	padding: 7px 25px 7px 22px;
	transition: padding 0.5s;
}
div.dropdown-menu ul li a:hover {
	background-color: #FECD1A;
	color: #000;
	padding-left: 30px;
}

.hc-offcanvas-nav .nav-back span::before {
  border-color: #00519e;
}
.hc-nav-trigger {
	position: initial;
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { right: 0; left: auto; }

/* Titel-Bild */
.titel-header {
	background-position: center center;
}
.titel-header h3 {
	font-weight: 700;
	font-size: 28px;
	text-shadow: 0px 0px 10px rgb(0, 0, 0);
}

/* Call-To-Action: Formular Wunschtermin */
#form_wunschtermin p {
	font-size: 12px;
	line-height: 1.5em;
	color: #CCC;
}
#form_wunschtermin p a {
	text-decoration: underline;
}

/* parsley.js */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
	line-height: 1;
	position: absolute;
	top: -5px;
	left: 17px;
	font-size: 24px;
	color: #FECD1A;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}
.parsley-errors-list.filled li{
	font-weight: bold;
	list-style-type: none;
	padding: 0;
	margin: 0;
}


/* Timepicki */
.ti_tx,
.mi_tx,
.mer_tx {
	width: 100%;
	margin: -1px 0;
}
.time,
.mins,
.meridian {
	width: 40px;
	float: left;
	margin: 0;
	font-size: 14px;
	color: #000000;
}
.time_pick .prev,
.time_pick .next {
	cursor: pointer;
	padding: 18px;
	width: 28%;
	border: 0;
	margin: 0;
	background: url(../images/timepicki/arrow.png) no-repeat;
	border-radius: 0;
}
.time_pick .prev:hover,
.time_pick .next:hover {
	background-color: #ccc;
}
.time_pick .next {
	background-position: 50% 150%;
}
.time_pick .prev {
	background-position: 50% -50%;
}
.time_pick {
	position: relative;
}
.timepicker_wrap {
	padding: 0 0 0 5px;
	border-radius: 0;
	z-index: 998;
	display: none;
	/*box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);*/
	background: #f6f6f6;
	border: 1px solid #ccc;
	float: left;
	position: absolute;
	width: 90px;
}
.arrow_top {
	position: absolute;
	top: -10px;
	left: 20px;
	background: url(../images/timepicki/top_arr.png) no-repeat;
	width: 18px;
	height: 10px;
	z-index: 999;
}
input.timepicki-input {
	background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 0;
  float: none;
  margin: 0;
  text-align: center;
 	width: 38px;
}
a.reset_time {
	float: left;
	margin-top: 5px;
	color: #000;
}
.footer-bottom {
	background-color: rgb(47, 47, 47);
}
.footer-bottom ul.list-inline li {
	display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.ui-datepicker-calendar { background-color: #fff; }