.contact-content{
	background: none;
	padding: 0;
}

.contact-content > h1{
	padding: 15px;
	margin: 0;
	background: #414141;
}

.contact-kind-of-contact-container{
	height: 45px;
	background: #414141;
}

.contact-kind-of-contact-container > button{
	float: left;
	padding: 0 15px;
	height: 45px;
	line-height: 45px;
	background: #414141;
	margin-bottom: 1px;
	text-transform: uppercase;
}

.contact-kind-of-contact-container > button:hover,
.contact-kind-of-contact-container > button.active{
	background: #2B2B2B;
}

.contact-tab-content{
	background: #2B2B2B;
	padding: 15px 15px 0;
	position: relative;
}

#contactForm,
#reservierungForm{
	margin-bottom: 47px;
	padding-bottom: 20px;
}

#contactForm select,
#contactForm input{
	color: #000000;
	float: left;
}

.input-container{
	padding-left: 5px;
	float: left;
}

.contact-choose-store-row,
.contact-naming-row,
.contact-inquirer-contact-data-row,
.contact-appointment-row{
	min-height: 52px;
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.contact-naming-row > div:last-child,
.contact-appointment-row > div:last-child{
	float: right !important;
}

.contact-naming-row{
	padding-left: 55px;
}

.contact-naming-row .salutation-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	height: 26px;
}

.contact-naming-row .input-container{
	width: 33.3333%;
}

.contact-naming-row > div:last-child,
.contact-appointment-row > div:last-child{
	float: right !important;
}

.input-container input{
	width: 100%;
	padding: 0 5px;
}

.contact-inquirer-contact-data-row,
.contact-appointment-row{
	margin-left: -5px;
}

.contact-inquirer-contact-data-row .input-container{
	width: 50%;
}

.contact-appointment-row .input-container{
	width: 22%;
}

.contact-appointment-row > div:first-child{
	width: 12%;
}

.contact-form-submit{
	width: 100px;
	float: right;
	border-radius: 0;
}

#contactForm label,
#reservierungForm label {
    font-weight: normal;
}

#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm textarea,
#reservierungForm input[type="text"],
#reservierungForm input[type="email"],
#reservierungForm textarea{
    width: 100%;
    color: #000;
    position: relative;
    z-index: 1;
}

#contactForm select,
#reservierungForm select {
    color: #000;
}

#contactForm .ajax-loader,
#reservierungForm .ajax-loader {
    float: right;
}

#contactForm .contact-form-submit,
#reservierungForm .contact-form-submit {
    border: none;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.contact-reservation-content{
	display: none;
}

.contact-button-row{
	height: 47px;
	position: absolute;
	bottom: -47px;
	padding-right: 102px;
	width: 100%;
	margin: 0 -15px;
}

.contact-button-row:before{
	content: "";
	display: block;
	width: 100%;
	height: 47px;
	background: #2B2B2B;
}

#ReserveStartTime,
#ReserveEndTime{
	text-align: right;
}

.wpcf7-not-valid-tip{
	position: absolute;
	line-height: 0px;
	opacity: 0.001;
}

.wpcf7-not-valid{
	background: #FF0000;
	color: #FFFFFF;
}

.ui-widget-content{
	background-image: none; 
	background-color: #2B2B2B;
	color: #FFFFFF;
	border: 1px solid #414141;;
	border-radius: 0;
	font-weight: 400 !important;
	font-family: 'Dosis', sans-serif;
}

.ui-widget-header{
	background-image: none;
	background-color: #414141;
	border: none;
	border-radius: 0;
	font-weight: 400 !important;
}

.ui-datepicker-calendar{
	font-weight: 400 !important;
}

.ui-state-default{
	background-image: none !important;
	background-color: #414141 !important;
	border: none !important;
}

.ui-state-active{
	background-color: #C0081B !important;
}

.ui-state-highlight{
	outline: 2px solid #C0081B !important;
	outline-offset: -2px;
}

.ui-state-default:hover{
	background-color: #C0081B !important;
}

.ui-datepicker-prev,
.ui-datepicker-next{
	top: 0 !important;
	height: 34px !important;
}

.ui-datepicker-prev{
	left: 0 !important;
}

.ui-datepicker-next{
	right: 0 !important;
}

.ui-datepicker-prev > span,
.ui-datepicker-next > span{
	width: 100%;
	margin: 0 !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	background: url('../img/icons/datepicker-prev.svg') no-repeat center center/auto 60% transparent !important;
	width: 1.8em;
	height: 100%;
}

.ui-datepicker-next > span{
	background: url('../img/icons/datepicker-next.svg') no-repeat center center/auto 60% transparent !important;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover{
	border: none !important;
	border-radius: 0;
	background-color: #C0081B !important;
	background-image: none !important;
}

.ui-datepicker td a{
	font-weight: 400 !important;
}