/* Header und Logo */

.online-reservierung .header,
.gaestemappe .header {
    display: block !important;
}

.online-reservierung .logo-solo,
.gaestemappe .logo-solo {
    display: none !important;
}

img.logo.img-responsive {
    position: absolute;
    top: calc(50% - 60px);
    height: 117px;
    width: 285px;
    margin-left: calc(50% - 142px);
    min-width: 100px;
    min-height: 100px;
}

@media screen and (max-width:600px) {
    img.logo.img-responsive {
        height: 58px;
        width: 142px;
        margin-left: calc(50% - 71px);
        min-width: 50px;
        min-height: 50px;
    }
}

.logo-solo {
    background-color: #fff;
    padding: 10px 20px;
    width: 200px !important;
    height: auto;
    margin-left: calc(50% - 240px) !important;
}


/* für Menu3 */

@media (max-width: 1479px) {
    .logo-solo {
        margin-left: calc(50% - 100px) !important;
    }
}

@media screen and (max-width:991px) {
    .logo-solo {
        width: 100px !important;
        height: 60px;
        padding: 5px 10px;
    }
}


/* Hintergrundbild */

.header img:not(.logo) {
    height: 100%;
    object-fit: cover;
    object-position: center 80%;
    opacity: 0.1;
}

/* Hintergrundfarbe */

.HP-section.bg-color-2,
.HP-section.bg-color-2:before {
    background: #ECF5FD;
}