* {
    margin: 0px;
    padding: 0px;
}

body {
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
}

header {
margin-top: 0px;
margin-bottom: 0px;
}

.mitte {
    display: flex;
    justify-content: center; 
    align-items: center;
}

#OhneTitle {
width: 100%
height 300px;
overflow: hidden;
}

#Ohneimg {
width: 100%;
height: 100%;
object-fit: cover;
}

/*
@media screen and  (min-width: 800px);{  
    #OhneTitel{
      height: 600px;
    }
}*/

nav ul {
list-style: none;
}

nav ul li a {
font-weight: 600;
padding: 0px;
}

section {
    background-color: hsl(34, 24%, 94%);
    height: 80vh;
    margin-bottom: 10px;
    display: flex;
}

section#welcome-image h1,
section#welcome-image h2 {
    font-size: 3rem;
    padding: 1rem;
    border-radius: 20px;
    background-color:rgba(255, 255, 255, 0.5);
    color: #623e2a;
 }

section#welcome-image {
    background-image: url('img/1.1.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    background-size: cover;
    justify-content: space-around;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: normal;
    align-items: center;
}

section#angebot1 {
    display: flex;
    justify-content: stretch;
    align-content: space-around;
    color: #623e2a;
}

section#angebot1 div.item {
    width: 50%;
}

section#angebot1 div.text,
section#angebot1 div.picture {
    display: flex;
    padding: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section#angebot1 .wrapper {
    width: 75%;
}

section#angebot1 .angebot1-description,
section#angebot1 figcaption {
    line-height: 1.75rem;
}

section#angebot1 figcaption {
    text-align: justify;
    padding: 25px;
}

section#angebot1 .wrapper img {
    border-radius: 25px;
}

section#angebot1 img {
    margin-bottom: 0.5rem;
}

section#angebot1 h1
{
    margin-bottom: 1rem;
}

section#welcome-text {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: flex-start;
    color: #623e2a;

}

section#welcome-text .description {
    font-size: 30px;
    width: 800px;

}

section#welcome-text h1{
font-size: 50px;

}
    


footer#darkfooter {
    height: 50vh;
    color: #f3efeb;
    background-color: #623e2a;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

footer#darkfooter div.footer-container {
    width: 25%;
    border: 2px solid #f3efeb;
    min-height: 300px;
    padding:0px;
    border-radius: 30px;
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content:center ;
}

div#vorher-nacher {
    display: flex;
    justify-content: space-evenly;
}

div#vorher-nacher img {
    width: 100%;
    border-radius: 25px;
}

div#vorher-nacher div.right,
div#vorher-nacher div.left {
    display: inline-block;
    max-width: 25vw;
}

section#vorher-nacher div.text{
    display: flex;
    padding: 0px;
    flex-direction: column;
    justify-content: center;
    color: #623e2a;
}

section#vorher-nacher h1 {
    margin: 1rem;
}

section#vorher-nacher {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-content: space-around;
    color: #623e2a;
}

section#welcome-text{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction:column;
    padding-left: 3rem;
}


section#welcome-text h1
{
    margin-bottom: 1rem;
}