/* Theme file for buchungen-herrengedeck.de */
body{
    overflow-x: hidden !important;
}
.small-logo{
    width: 350px;
    height: auto;
}
.bg-gradient-info,
.text-gradient.text-info {
    background-image: linear-gradient(310deg,#bb9335,#eea928) !important;
}
.hrrn-hero{
    height:450px;
    background-image: url('../img/hrrn-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
}
.hrrn-bg{
    background-image: url('../img/hrrn-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
    background-size: contain;
}
.copyright{
    font-size: 0.7rem;
    color: #bcbcbc;
}
.hrrn-logo{
    width: 300px;
}
.hrrn-footer{
    background: #bb9335;
}
.hrrn-footer-link,
.hrrn-footer-link:hover{
    color:#fff;
}
.hrrn-tasting-title{
    color:#fff !important;
    font-size: 4.5rem;
    font-family: 'Playfair Display', serif;
}
.btn:hover{
    background: #dabe7c !important;
}
.logo-link{
    width: 300px;
    display: block;
}
.text-header{
    color:#fff;
    text-shadow: 0px 0px 9px rgba(43,43,43,0.71);
}
.text-header-teaser{
    color: #fff !important;
}
.text-hrrn{
    color:#bb9335 !important;
}
.text-hrrn-black p{
    color:#001219 !important;
}

*:focus {
    outline: none !important;
}
textarea:focus, input:focus{
    outline: none !important;
}
.main-content {
    padding: 9px;
}
.hidden{
    visibility: hidden;
}

h1.no-tastings{
    text-align: center;
    font-size: 1.8rem;
}
h1.no-tastings i{
    color:#bb9335;
}
h1.no-tastings span{
    color: #2b2d42;
    font-weight: normal;
}
h4{
    font-weight: 500;
}
.control-label{
    font-weight: 500;
    color: #ee8d10;
}
.form-control{
    padding:5px;
    height: auto; !important;
    border-top-color: #d5d8de;
}
div.courses > .form-check,
div.features > .form-check,
div.memberships > .form-check{
    display: inline-block !important;
    width: 30% !important;
}
.form-control:focus {
  border-color: inherit !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.be-user-nav > li.dropdown .dropdown-menu .user-info {
    background-color: #bb9335 !important;
}
.be-top-header .navbar-nav > li.show > a {
    color: #bb9335 !important;
}
.be-top-header .be-user-nav > li.dropdown .dropdown-menu:after {
    border-bottom-color: #bb9335 !important;
}
.be-left-sidebar .sidebar-elements > li ul li > a {
    padding: 8px 15px 8px 29px !important;
}
.be-left-sidebar {
    display: flex;
    flex-direction: column;
    height: calc(100% - 65px);
}
.sidebar-footer{
    margin-top: auto;
    color: #cfcfcf;
    text-align: center;
    font-size: 0.9rem;
}
.alert{
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: none;
    border-radius: 0;
}
.close {
    font-size: 1.5rem;
    font-weight: 500;
    color: #8c949d;
    text-shadow: none;
    transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
    top: -7px !important;
}
.alert-success {
    color: #d7fae9;
    background-color: #17c671;
}
.be-left-sidebar .sidebar-elements > li.active > a > i,
.be-left-sidebar .sidebar-elements > li.active > a > span,
.be-left-sidebar .sidebar-elements > li ul li.active > a {
    color: #bb9335;
}
.btn-success {
    color: #FFFFFF;
    background-color: #bb9335;
    border-color: #bb9335;
}
.btn-outline-light{
    color:#c2c2c2;
    border-color: #c2c2c2;
}
.ace_editor {
    height: 600px;
}
.level_0{
    margin-right: 10px;
}
.level_1{
    margin-left: 15px;
    margin-right: 10px;
}
.page-item.active .page-link {
    background-color: #bb9335;
    border-color: #bb9335;
}
.be-user-nav > li.dropdown .dropdown-menu .user-info .user-name {
    font-size: 1rem;
}
.user-info{
    padding: 10px 12px 10px;
}
@media (max-width: 767.98px){
    .be-top-header .be-right-navbar {
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #bb9335 !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #bb9335 !important;
        z-index: 1030;
    }
    .sidebar-footer{
        display:none;
    }
}

/* iPhone 6, 7, & 8 in portrait */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {

    .hrrn-hero{
        height: 250px;
        background-position: top;
        background-size: contain;
        padding: 10px !important;
        margin: 0 !important;
    }
    .hrrn-title-wrapper{
        padding: 0 !important;
    }
    .hrrn-tasting-title{
        font-size: 2.5rem;
    }

    .tasting-info.col-9,
    .tasting-booking-data{
        width:100% !important;
    }

}