/*
////////////////////////////////////////////////////////////////
//
// wbePlus Buchung
////////////////////////////////////////////////////////////////
*/

.wbe-quickstarter-childs, div.wbe-quickstarter-promoCode {
	display: none;
}

#wbe_quickstarter .wbe-num-group #wbe_quick_numAdults {
  width: 3em;
}

span.wbe-calendar-year {
	padding-top: 0.7em;
}

.wbe_quickstarter, .wbe-quickstarter-container, .wbe-roomHeader-calendar-border, .wbe-roomHeader-person,
#wbe_room_-2 > .wbe-quickstarter-fields .wbe-num-group,
#wbe_room_-2 > .wbe-quickstarter-fields .wbe-num-group button, #wbe_room_-2 > .wbe-quickstarter-fields .wbe-num-group input {
 	background-color: #fff !important;
  	color: #555555 !important;
}

.wbe-roomHeader svg {
  color: #555555;
  fill: #555555;
}

.wbe-roomHeader-calendar-border, #wbe_room_-2 > .wbe-quickstarter-fields .wbe-num-group  {
  border: #cccccc solid thin !important;
}

.wbe-roomHeader-calendar-border:hover, #wbe_room_-2 > .wbe-quickstarter-fields .wbe-num-group:hover {
  border: #adadad solid thin !important;
}

.wbe-quickstarter-settings {
 	padding-left: 1em;
}

.wbe-roomHeader-person {
	text-align: center;
}

.wbe-quickstarter button.wbe-inverted:hover {
	background: #b52d41 !important;
  	color: #fff !important;
}

.wbe-quickstarter-next {
  	background: #8c2332 !important;
  	border-color: #b52d41 !important;
}

.wbe-quickstarter-settings, .wbe-roomHeader .wbe-quickstarter-book-button {
 	padding-top: 1.5em !important;
}

button.wbe-quickstarter-next.wbe-inverted {
 	margin-top: 1.4em !important;
  	margin-left: 1em !important;
}

.wbe-calendar-year {
 	position: relative !important;
  	left: 1.8em;
  	padding-top: 1em !important;
}

.wbe-quickstarter-container {display: block;position: relative;z-index: 10000;width:100%;padding:0;}
.wbe-header {display:none;}
.wbe-only-available {background-color:#8c2332;} 
.wbe-content {background-color:#fff;padding: 15px 0;}
.wbe-room-list-room-InfoBlock {padding-right:0;}
.wbe-quickstarter-fields .wbe-roomHeader-calendar-date {margin-top:0px;}
#wbe_quickstarter .wbe-num-group #wbe_quick_numAdults {padding-bottom:1px;}
.wbe-roomHeader-calendar-border .wbe-roomHeader-label span {margin-left:10px;font-size: 17px;} 
.wbe-roomHeader .wbe-calendar-day {font-size:17px;width:auto;margin-right:3px;}
.wbe-roomHeader .wbe-calendar-month {font-size:17px;width:auto;margin-right:2px;}
.wbe-roomHeader .wbe-calendar-year {font-size:17px;width:auto;left:auto;padding-top:0px !important;}
.wbe-quickstarter-container .wbe-roomHeader-calendar-border {padding:8px;}
.wbe-roomHeader-person {font-size:17px;}
.wbe-quickstarter-settings {padding-top:0 !important;width:50%;padding-left:0;text-align:center}
#wbe_quickstarter .wbe-num-group #wbe_quick_numAdults {font-size: 17px;}
.wbe-num-group {height:2em;}
button.wbe-quickstarter-next.wbe-inverted {margin-top:0 !important;padding:7px 20px;float: none;}
.wbe-quickstarter > .wbe-roomHeader {width:34%;text-align:right;}
.wbe-quickstarter-fields {width:66%;position:relative;}
.wbe-quickstarter-guests .wbe-roomHeader {padding:0}
.wbe-quickstarter-calendar {width:50%}
.wbe-quickstarter-calendar > .wbe-roomHeader {width:50%}
.wbe-quickstarter-guests {float:none;display: inline-block;}

@media only screen and (max-width: 835px){
  .wbe-quickstarter-calendar {width: 70%;}
  .wbe-quickstarter-settings {width: 30%;}
  .wbe-quickstarter-guests .wbe-roomHeader .btn-number {padding: 0 5px !important;width:auto !important;}  
}

@media only screen and (max-width: 630px){
  .wbe-quickstarter-fields {width:100%;}
  .wbe-quickstarter > .wbe-roomHeader {width: 100%;text-align: center;}
  .wbe-quickstarter-container .wbe-roomHeader-calendar-border {width:100%}
  button.wbe-quickstarter-next.wbe-inverted {float:left;margin-left: 0 !important;}
}

@media only screen and (max-width: 560px){
  .wbe-quickstarter-settings {width:100%}
  .wbe-quickstarter-guests .wbe-roomHeader {width:100% !important}
  .wbe-quickstarter-guests {float:left;padding-left: 0.35em;}
  .wbe-num-group {width:175px;}
  button.wbe-quickstarter-next.wbe-inverted {width:175px;}
  #wbe_quickstarter .wbe-num-group #wbe_quick_numAdults {width:7em}
}

@media only screen and (max-width: 350px){
  .wbe-quickstarter .wbe-roomHeader,
  button.wbe-quickstarter-next.wbe-inverted,
  .wbe-num-group {width:100% !important}
}