body {
   
    background-color: white;
    margin: 0;
}


.navbar {
    font-family: 'Cinzel', serif;
    background-color: #011839;
  
    color: white;
    padding: 35px;
}

.navbar-brand {
    text-shadow: 1.5px 1.5px 2.5px  #F9E2AF ;
    font-size: 28px;
    

}
.navbar-brand:hover {
    background-color: white;
    border-radius: 5px;
    padding: 3px;
    color: #011839;
    font-weight: bolder;
}



.display-8  {
    font-size: 25px;
    color:#011839 ;
    font-family:'Monterrat';
}
.lead {
    font-size: 20px;
    font-family:'Monterrat';
    font-weight: lighter;
    
}
.tel {
    text-decoration: none;
    font-weight: bolder;
    color:#011839 ;
    
    
}
    
.tel:hover {
    color: black;
    font-weight: bolder;
    text-decoration: underline;
    transition-duration: 2.5s;
    
}
.btn {
    background-color: #011839;
    box-shadow: 10px 5px 5px #394867 ;
    font-family: 'Cinzel', serif;
    color: white;
}
.btn:hover {
    background-color: white;
    color: #011839;
    font-weight: bolder;
    transition-duration: 1.5;
}

/*.small {
    width: 600px ;
}*/
.illustration {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}
/*.overv{
    display: flex;
    flex-direction: column;
    
    margin: auto;
}*/
.stream {
    background-color: #011839;

}
.soul {
    color: white;
}
hr {
    margin-top:0;
    color: white;
}
.telOne {
    color: white;
    text-decoration: none;
}
.telOne:hover {
    text-decoration: underline;
    
    font-style: italic;
}
.font {
    font-size: 20px;
    
}
.newFolder {
    color: white;
    text-decoration: none;
}
#sent {
    display: flex;
    justify-content: center;
    
}

.photo {
    background-color: #fff;
    margin: 10px;
    padding: 5px;
    border-radius: 60px;
    box-shadow: 10px 5px 5px #394867 ;
   
}
.photo:hover {
    background-color: #5e7088cc;
}

#sentOne {
    display: flex;
    flex-direction: column;
}
/*.bloo {
    color: #fff;
}*/
/*Knöpfe oben-->*/
.active {
    box-shadow: 10px 5px 5px #394867 ;
    border-radius: 5px;
}
.active:hover {
    background-color: #7C96AB;
    font-style: italic;
}



.btnOne {
    
    margin: 5px;
    padding: 5px;
    border-radius: 90px;
    text-decoration: none;
    
}
hr {
    color: #011839;
    height: 3px;
}
.natur-natur {
    
        box-shadow: 10px 5px 5px #394867 ;
    
}
.under {
    box-shadow: 10px 5px 5px #394867 ;
}

.patentBox {
    display: flex;
    justify-content: center;
    margin: auto;
}
.patent {
    color: white;
    background-color:#011839 ;
    padding: 5px;
    font-size: 15px;
   box-shadow: 10px 5px 5px #394867 ;
    
    
}
/*.freepick {
    border-radius: 20px;
}*/



/* Eiche Landhausdiele Edel*/

.container {
display: flex;
justify-content: space-around;
margin-top: 20px;
}
.edel {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
}

.edelOne {
    border: none;
    background-color: white;
    font-family: 'Cinzel', serif;
    font-weight: bolder;
    
    margin-top: 20px;
    
}
.edelOne:hover {
    background-color: #DBDFEA;
    padding: 5px;
    
}
#raumbild, #raumbildA, #raumbildB, #raumbildC {
    display: flex;
    justify-content:center;
    
    margin-top: 50px;
    margin-bottom: 50px;
    
   
}
.raumbildOne {
    border: 1px solid #011839 ;
    box-shadow: 10px 5px 5px #394867 ;
}

.ul{
  list-style: none;
  margin-left: 10px;
  
 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #011839 ;
   
    
    
    width: 600px;
    height: 450px;
    box-shadow: 10px 5px 5px #394867 ;
    
    
}
li {
    margin-top: 20px;
    padding: 0.5px;
    
}
.b {
    color: red;
    border: 1px solid red;
    padding: 5px;
}
.price {
    color: #011839;
    font-size: 20px;
    font-family: 'Cinzel', serif;
    border: none;
}
.lit {
    font-size: 12px;
}
.lgb {
    background-color: white;
    color: red;
    padding: 5px;
    border: none;
    font-size: 22px;
    font-weight: bolder;
    font-family: 'Cinzel', serif;
    
}
.lgb:hover {
    color: black;
    font-style: italic;
    border-radius: 25px;
    background-color: yellow;
    border: none;
}
.changeOne, .changeFour {
    
    background-color: #7C96AB;
    color: #011839;
    
    
}
.ds {
    color: black;
    font-style: italic;
   
}
.dsi {
    display: flex;
    justify-content: center;
   
}
.dat {
    font-family: 'Cinzel', serif;
    font-size: 18px;
    padding: 10px;
    
    font-weight: bolder;
    text-decoration: none;
    color: #011839;
   
}


@media all and (max-width:800px){
    .navbar {
        padding: 10px;
        
    }
    
    .navbar-brand {
         font-size: 14px;
         
    }
    .active, .btn {
        font-size: 12px;
        
        
    }
    #particles-js {
        display: none;
    }
   
    

.display-8  {
        font-size: 20px;
        font-weight: bolder;
        
        
    }
   
    .lead {
        font-size: 18px;
    }
    .illustration {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .under {
        width: 500px;
        height: 220px;

    }
    
    .kontakt, .kontaktOne, .hr, .protect {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }

    .container {
        display: flex;
        flex-direction: column;
        
        }
        #raumbild, #raumbildA, #raumbildB, #raumbildC {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .ul {
            align-items: center;
            margin-left: 0;
            
        }
        .raumbildOne, .ul {
            border: 1px solid #011839 ;
        }
        .shadow {
           
            font-size: 20px;
            
        }
        .telefon:hover {
            background-color: #7C96AB;
        }
        
    
    }
    @media all and (max-width:500px){
        .navbar-brand {
            font-size: 20px;
       }
       .active, .btn {
           font-size: 17px ;
       }
       #particles-js {
        display: block;
    }


        .display-8  {
            font-size: 20px;
            
            
            
        }
        .under {
            width: 350px;
            height: 180px;

        }
        .illustration {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .soul {
            font-size: 18px;
        }
        .photo {
            
            margin: 5px;
            
    }
    
        #raumbild, #raumbildA, #raumbildB, #raumbildC {
            display: flex;
            flex-direction: column;
            align-items: center;
            
        }
        .natur-natur {
            width: 330px;
            height: 210px;
        }
        .ul {
            width: 350px;
            height: 340px;
            align-items: center;
            
        }
        .raumbildOne {
            width: 350px;
            height: 320px;
        }
        .price {
            font-size:18px;
            font-weight: bolder;
        }
        .raumbildOne, .ul {
            border: 1px solid #011839 ;
        }
        li {
            margin-top: 5px;
            padding: 0.5px;
            
        }
        .shadow {
           
            font-size: 20px;
        }
        .patent {
            
            font-size: 12px;
            
        }
        
        }