/* Custom Online-Booker */
#header-widget-area {
    background: url('../images/bg-booker.png') no-repeat center;

    width: 24px;
    padding: 15px 20px 25px 20px;
    position: relative;
    z-index: 99;
    margin: -50px auto 0 auto;
    margin-bottom: 0px;
    width: 100%;
    left: 0;
    height: 120px;
    z-index: 999;
    text-align: center;
}
.single #header-widget-area { margin-top: 40px; }

#custom-online-booker-quer .custom-booker-con { width: 1090px; margin-left: auto; margin-right: auto; }

#anreise, #abreise { padding: 0px 0 5px 2px; width: 90%;  }
#anreise { margin-right: 5px;  }
#abreise, select#kinder { margin-left: 5px; }

#header-widget-area label {
    font-weight: normal;
    font-size: 11px;
    float: left;
    font-weight: 600;
}
.input-group-left label { margin-left: 10px; }
.input-group-left { width: 330px; float: left; }
.input-group-half { width: 134px; float: left; margin-right: 30px; }
.input-group-adults { width: 100px; float: left; margin-left: 9px; border-bottom: 1px solid #929292; margin-right: 40px; background: url('../images/icon-erw.svg') no-repeat right 23px transparent; }
.input-group-room {   width: 100px; float: left; margin-left: 9px; border-bottom: 1px solid #929292; margin-right: 40px; } 
.input-group-children { width: 85px; float: left; border-bottom: 1px solid #929292; background: url('../images/icon-kids.svg') no-repeat right 23px transparent; margin-right: 40px; }
.input-group-mid { float: left; }
.input-group-right { float: left; }

.cta-buttons { margin-top: 4px; }

#anreise, #abreise { line-height: 32px; background: url('../images/icon-calendar.svg') no-repeat right 3px transparent; border: 0; border-bottom: 1px solid #929292; font-size: 13px; }

.btn-anfragen { background: rgb(238, 128, 36); color: #929292; border: 0;  width: 100%; cursor: pointer;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
line-height: 38px;
height: 38px;
font-style: normal;
font-weight: bold;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
text-transform: none;
border-width: 0px;
margin-right: 15px;

}
.btn-anfragen:hover { background: rgb(255, 116, 0) }
.btn-buchen {  
    cursor: pointer;
     background: #aad75b;
    text-transform: uppercase;
    color: #ffffff;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #76bb53 ), to( #aad75b ) );
    background-image: linear-gradient( to top, #76bb53, #aad75b );
    background-image: -webkit-linear-gradient( to top, #76bb53, #aad75b );
    background-image: -moz-linear-gradient( to top, #76bb53, #aad75b );
    background-image: -ms-linear-gradient( to top, #76bb53, #aad75b );
    background-image: -o-linear-gradient( to top, #76bb53, #aad75b );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aad75b, endColorstr=#76bb53);
    border-color: #ffffff;
    transition: all .2s;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-border-radius: 0;
    padding: 13px 29px;
    line-height: 17px;
    font-size: 14px;
    text-transform: uppercase;
}
.btn-buchen:hover, .btn-buchen:active, .btn-buchen:focus { 
    background: #76bb53;
    background-image: none;
    color: #ffffff;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #aad75b ), to( #76bb53 ) );
    background-image: linear-gradient( to top, #aad75b, #76bb53 );
    background-image: -webkit-linear-gradient( to top, #aad75b, #76bb53 );
    background-image: -moz-linear-gradient( to top, #aad75b, #76bb53 );
    background-image: -ms-linear-gradient( to top, #aad75b, #76bb53 );
    background-image: -o-linear-gradient( to top, #aad75b, #76bb53 );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76bb53, endColorstr=#aad75b);
    border-color: #ffffff;
}

#header-widget-area .btn-anfragen, #header-widget-area .btn-buchen {
}

.ui-datepicker tbody tr {
  border-top: 0;
}
#ui-datepicker-div table td {
    padding: 1px;
    line-height: 2em;
}

#kinder {
    margin-left: 4px;
    border: 0;
    padding: 4px 3px 2px 3px;
    text-align: center;
    width: 40px;
    float: left;
    clear: left;
    margin-right: 5px;
    line-height: 31px;
    background: transparent;
}
#kindercalc { 
  position: absolute;
  background: rgba(255,255,255,.95);
  width: 140px;
  margin: -190px 0 0 500px;
  padding: 10px;
  border: 1px solid #999a9b;
  display: none;
}
.se_hl { margin-bottom: 10px; font-size: 110%; }
.sel_ki { display: inline-block; } 
.sel_ki label { color:#ffffff; float: left;
    width: 50px;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 5px;
}
#sel_erwa, #sel_kind { border: 1px solid #ccc; } 
#addAll { background: #929292; width: 30px; color: #fff; text-align: center; float: right; cursor: pointer; }

.fixed {position:fixed; z-index: 1000; bottom:0px; left:0; width: 100%; padding: 10px 0 0px 0;
    background: #76bb53;
    background: #747474;
    -webkit-box-shadow: 0px 0px 20px 3px rgba(1, 1, 1, 0.6);
    -moz-box-shadow: 0px 0px 20px 3px rgba(1, 1, 1, 0.6);
     box-shadow: 0px 0px 20px 3px rgba(1, 1, 1, 0.6);
} 
.fusion-footer-copyright-area { margin-bottom: 70px; }

.mobile-theme-switcher { display: none; }

/* Mobile Booker */

#mobile-con { position: fixed; z-index: 5000; width: 100%; left: 0; bottom: 0; background: #76bb53; }
#mobile-con a { 
    float: left; 
    width: 24.75%; 
    color: #fff; 
    text-align: center; 
    text-decoration: none; 
    text-transform: uppercase;
    font-size: 65%;
    padding-top: 8px; 
    padding-bottom: 5px; 
    line-height: 130%;
}
#mobile-con a span { font-size: 330%; }
a.mobile-anrufen { border-right: 1px solid #fff; }
a.mobile-anreise { border-right: 1px solid #fff; }
a.mobile-buchen { border-right: 1px solid #fff; }
a.mobile-anfragen {}

@media (min-width: 768px) {
    #wp_custom_online_booker_quer-3 { display: block;}
    .mobile-buttons { display: none; }
    #mobile-con { display: none;  }
    .fusion-footer { margin-bottom: 90px; }
}
@media (max-width: 768px) {
    .mobile-buttons { display: block; }
    #mobile-con { display: block;  }
    #header-widget-area label {  color: #ffffff; }
    .fixed .custom-booker-con { display: none; }
    
}
.fixed label { color: #ffffff; }
.fixed #anreise, .fixed #abreise { background: url('../images/icon-calendar-w.svg') no-repeat right 3px transparent; border-bottom: 1px solid #ffffff; color: #fff; }
.fixed .input-group-adults { border-bottom: 1px solid #ffffff; margin-right: 40px; background: url('../images/icon-erw-w.svg') no-repeat right 23px transparent; }
.fixed .input-group-room { border-bottom: 1px solid #ffffff; } 
.input-group-children { border-bottom: 1px solid #ffffff; background: url('../images/icon-kids-w.svg') no-repeat right 23px transparent; }

.fixed .btn-buchen { border: 1px solid #ffffff; }
.fixed .fusion-contact-info {  line-height: 44px; color: #fff;}
.fixed .current { color: #ffffff !important; }
.fixed .list { color: inherit !important; }
#custom-online-booker-quer.fixed .nice-select .list { top: auto; bottom: 100%; }
#custom-online-booker-quer.fixed .nice-select::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.fixed input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.fixed input::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.fixed input:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.fixed input:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}