/* home */

.pg-logo {
    width: 65%;
}


/* buffet */

.buffet {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2em;
    /* text-align: center; */
    background: rgba(34, 34, 34, 0.9);
}


/* .img-btn {
   
} */


/* .img-btn img {
    margin-top: 5%;
    margin-bottom: 5%;
} */

.btn-buffet {
    /* width: 10% !important; */
    /* background-color: green; */
}


/* events */

.events {
    background-color: rgb(230, 230, 230) !important;
}

.overline-event h1 {
    color: rgb(0, 88, 0) !important;
    text-align: center !important;
    font-weight: 800;
}

.all-events img {
    height: 500px;
    margin-bottom: 10%;
}

.all-events {
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* event end */


/* contact start */

.contact {
    color: black !important;
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 5%;
}

.contact img {
    object-fit: cover;
    height: 400px;
    width: 100%;
    border-radius: 5%;
}

.contact-list {
    margin-top: 5%;
    border-radius: 5%;
    background-color: white !important;
}


/* footer */

.footer {
    display: flex;
    flex-direction: column;
    color: white;
    background-color: rgb(44, 44, 44) !important;
}

.footer a {
    color: rgb(183, 183, 183) !important;
}


/* datenschutz start */

.date-body {
    margin-top: 10% !important;
}


/* datenschutz end */


/* buffet site start */

.nav-navbar {
    width: 100%;
    z-index: 5 !important;
    /* position: fixed; */
    display: flex;
    background-color: white;
    justify-content: space-between;
    padding-left: 2%;
    padding-right: 50%;
}

.nav-navbar img {
    height: 60px;
}

.nav-link {
    /* background-color: red; */
    margin-top: 2%;
}

.buffet-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.write-coment {
    margin-top: 10%;
    height: 200px;
    width: 80%;
}


/* .write-coment ul {
    height: 200px;
} */

.overflow-buffet {
    /* background-color: red !important; */
    text-align: center;
    margin-bottom: 8%;
}


/* buffet site start */

.up {
    border-radius: 5%;
    background-color: rgba(150, 150, 150, 0.219);
    height: 40px;
    font-weight: 700;
    font-size: x-large;
    position: relative;
    left: 45%;
}

.designer {
    margin-top: 3% !important;
    height: 25px !important;
}

.designer p {
    color: rgb(183, 183, 183) !important;
    font-size: 1.5rem !important;
    text-align: end;
}


/* admin */

.message {
    background-color: red;
    margin: 10%;
    /* height: 300px; */
    width: 80%;
    /* display: block; */
    /* justify-content: space-around; */
    text-align: center;
}

.message h1 {
    font-size: x-large;
    /* background-color: white; */
}

.message h2 {
    background-color: yellow;
}

.message p {
    background-color: orange;
}


/* impress start */


/* .impress {
    background-color: red !important;
    margin-top: 5.5% !important;
} */

.first-text {
    margin-top: 10% !important;
}


/* responsiv */

@media screen and (max-width: 830px) {
    /* .btn-buffet {
        width: 20% !important;
    } */
}

@media screen and (max-width: 785px) {
    .flyer {
        width: 80% !important;
    }
}

@media screen and (max-width: 770px) {
    .pg-logo {
        width: 100% !important;
    }
    .container-fluid {
        display: none;
    }
}

@media screen and (max-width: 760px) {
    /* home */
    /* logo */
    .overline-event h1 {
        font-size: xx-large;
    }
    /* events */
    .flyer {
        width: 60%;
    }
    /* contact */
    .contact {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contact img {
        margin-bottom: 5%;
        width: 70%;
    }
    .contact-list {
        width: 70%;
    }
}

@media screen and (max-width: 450px) {
    /* .btn-buffet {
        width: 30% !important;
    } */
}

@media screen and (max-width: 400px) {
    .pg-logo {
        height: 400px !important;
    }
}