@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,500&display=swap');

body{
    /* Hintergrund */background-image: url(../img/kaminoben.gif);   */
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4{
    font-family: 'Open Sans', sans-serif;
    color: #706d6c; line-height: 1.3;
    text-align: center;
}
h1{
    font-size: 1.7em; 
}
h2{
    font-size: 1.0em;
   
}
h3{
    font-size: 0.85em;
    font-style: italic;
    color: darkolivegreen;
}
h4{
    font-size: 0.63em;
    font-style: italic;
    color: black;
}
blockquote{
    font-size: 1.2em;
    font-style: italic;
    color: #4a4949;
}

#start{
    background-image: url(../img/kamin.jpg);
    background-position: top left;
}
#kamin{
    background-image: url(../img/kuchl.jpg);
}

#kuchl{
    background-image: url(../img/hendl1.jpg);
}

#kontakt{
    background-image: url(../img/holzwand.jpg);
    background-position: center;
    background-size: cover;
}
#buffet{
    background-image: url(../img/buffet.jpg);
    background-size: cover;
}

div.wrapper{
    width: 60%;
    border: 0px solid #fff9d5;
    margin:3.5em auto;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 2px;
}
div.block{
    width: 40%;
    border: 0px solid #fff9d5;
    margin:3.5em auto;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 2px;
} 

header, footer{
    text-align: center;
    background-color: #fff9d5;
    padding: 0.1em;
}
nav{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    text-align: center;
    background-color: #ff8f06;
    padding: 0.2em 0;
}
nav a{
    color: #fff9d5;
    padding: 1em;
    text-decoration: none;
    font-size:1.6em;
}
nav ul{
    list-style-type: none;
}
article, .raum{
    padding: 1em;
    font-size: 1.2em;
    font-style: italic;
    color: #4a4949;
}
.btn{
    clear: both;
    width: 30%;
    border: 1px solid white;
    border-radius: 3px;
    text-decoration: none;
    font-size: 0.9em;
    color: brown;
    padding: 0.2em;
    margin: 1em 0;
    box-shadow: 2px 2px 1px rgba(45, 45, 45, 0.25);
}
.btn2{
    clear: both;
    width: 30%;
    font-size: 1.2em;
    color: brown;
    padding: 0.2em;
}
.btn:hover{
    background-color: beige;
    color: brown;
}

img{     
    width: 5%;
    height: auto;        
}

.logo{
    width: 100%;
    float: left;
    margin: 1em 0.1em 0.1em 0;      
}