/* Styles definition here */

/* Allgemeine Angaben */
#fbuilder  {	
	padding:20px;
	background-color: #fff;
	font-weight: 300 !important;
	font-family:'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
	
  }

/*Labels bzw Header formatiert*/
#field_1-0 label, #field_1-1 label, #field_1-2 label {
	text-transform: uppercase;
	color: #B8A8A3;
	font-weight:600;
}

/*Abstand der einzelnen Bereiche*/
#field_1-0, #field_1-1, #field_1-2 {
	margin-bottom:50px;
}

/*Captcha Zusatz - Wenn aktiv*/
/*
.captcha::before {
	content: "Sicherheitsabfrage*";
	text-transform: uppercase;
	color: #B8A8A3;
	font-weight:600;
	margin-bottom:20px;
}
*/

/* Monatsheader */
#fbuilder .ui-datepicker-header { background:#fff; color:#b8a8a2; text-shadow:none; font-weight:300; font-size:18px; font-family:'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;}
#fbuilder .ui-datepicker-month, .ui-datepicker-year { color:#b8a8a2; text-shadow:none; font-weight:300; font-size:18px; font-family:'Josefin Sans',Helvetica,Arial,Lucida,sans-serif; margin:20px;}


/* Breite des Kalenders */
#fbuilder .ui-datepicker-inline {max-width:none !important}

/* Inputfelder */
#fbuilder input[type=text], #fbuilder textarea, #fbuilder select {border-bottom: 1px solid #b8a8a2; border-top: 0px solid; border-left: 0px solid; border-right: 0px solid; }

/* Sendebutton */
#fbuilder .pbSubmit {
	color:#FBF4F0!important;
	background-color: #b8a8a2!important;
	font-size: 20px!important;
	font-weight: 300 !important;
	text-transform: uppercase !important;
	text-align:center!important;	
	padding: 0.5em 1em;
	border:none;
	transition: all 300ms ease 0ms;
}

#fbuilder .pbSubmit:hover {
	background-color:#8d8278!important;
}

/* Kalender */
.ui-datepicker {
	box-shadow:none!important; 
	border:none !important;
	font: 18px 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;  }
.ui-datepicker-unselectable .ui-state-default {
	background:none;
	color:#bbb;}
.ui-datepicker td, th, .ui-datepicker a, .ui-datepicker span {
	font-family:'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight:300!important;
	font-size:18px;}
.ui-datepicker thead {
	background-image:none;
	background-color:#fff;}
.ui-datepicker-calendar, .ui-state-hover, .ui-state-default {
	background-image:none!important; 
	box-shadow: none !important;}
.ui-datepicker-calendar .ui-state-active {
	background-color:#B8A8A2;
	color:#FBF4F0;
	text-shadow:none;
	border:0px solid;}

.entry-content table thead th {padding: 20px 24px !important;}
.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

/* Borders */
.entry-content table {border:0px solid white!important;}
.entry-content table tr {border:0px solid white!important;}
.entry-content table thead {border:0px solid white!important;}
.entry-content table tbody {border:0px solid white!important;}
.ui-datepicker tbody td {border:0px solid white!important;}
.ui-datepicker tbody tr {border:0px solid white!important;}

/* Leistungs wählen */
select.ahbfield_service, select.ahbfield_service option {
	font-size:18px!important; 
	font-weight:300!important;}

/* Vor und Zurück Pfeile default, für hover effekt muss andere klasse gesucht werden */ 
.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url('./images/arrow.png');
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}

/* Buchungsslots */
#fbuilder .slots {
	border:none !important;
	box-shadow: none !important;
	padding:0;
}

#fbuilder .slots .htmlUsed.currentSelection {
    border: 2px solid #B8A8A2!important;	
}

#fbuilder .slots div {
	border: 1px solid #B8A8A2;
	margin-left:0px!important;
}

#fbuilder .slots div a {
	background: none !important; 
	padding: 7px;
}


/*Email Extra Text */
.dfield span.uh {
	text-transform:none;
	color:#4e4e4e;
	font-size:18px!important;
	margin-top:30px;
}

.usedSlots .ahb_list {
	margin-top:10px;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .entry-content table thead th
  {padding: 0px !important;}