.shaddow_style{
    box-shadow: 10px 20px 130px black;
}
.header-web{
background-color: rgb(112,37,22);
background-size: cover;
background-position: center;
color: grey;
font-family: "Times New Roman", Times, serif;
}

.Icon_Restaurant img {
max-width: 2em;
margin-right: 0.5em;
margin-left: 1em;
}

#mainheading {
color: white;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5em;
margin: 0;
padding: 1em 0;
}


.Image_1 {
    width: 100%;
    height: 400px;  /* gewünschte reduzierte Höhe */
    overflow: hidden;
}

.Image_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* schneidet passend zu */
}

.Text_ueberschrift_h1{
    font-family: "Times New Roman", Times, serif;
    font-size: 5em;
}

#ue1{
    margin-top: 2%;
    font-weight: 510;
    font-size: clamp(3rem, 5vw, 5rem);
}

.motivation{
    font-family: "Times New Roman", Times, serif;
    font-size: 1.5em;
    margin-top: 1%;
}

#text_1_lorem{
    font-family: "Times New Roman", Times, serif;
    font-size: clamp(0.9rem, 2vw, 1.3rem);
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 2%;
}

.gallery-thumb {
   aspect-ratio: 1 / 1;
   object-fit: cover;
   border-radius: .5rem;
   cursor: pointer;
   transition: transform .15s ease-in-out, box-shadow .15s ease-in-out;
}

.gallery-thumb:hover {
   transform: translateY(-2px);
   box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}

.modal-dialog {
   max-width: min(1000px, 95vw);
}

.modal-body {
   padding: 0;
   background: #000;
}

.carousel-item img {
   max-height: calc(100vh - 200px);
   object-fit: contain;
   background: #000;
}

.carousel-caption {
   background: rgba(0,0,0,.45);
   border-radius: .25rem;
   padding: .5rem .75rem;
}

.Ueberschrift_Speisekarte{
    font-family: "Times New Roman", Times, serif;
    margin-top: 1%;
    text-decoration: underline;
}

.bg-kontakt_1{
    background-color: rgb(217,217,217);
}

.speißekarte{
    background-image: url('https://images.squarespace-cdn.com/content/v1/5f329f79c232cb4ecb69ba9a/1612605371100-L8OPRP7JIBXK16K0T807/food+background+for+restaurant+menu-5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

.canva-center {
    list-style-position: inside;   /* Bullet ins Textfeld holen */
    padding-left: 0;               /* linken Einzug entfernen */
    text-align: center;            /* Text & Bullet zentrieren */
}