body{
     background-color:  #fff6e0 !important;
   }
   
   p{
       color: #555;
       margin-bottom: 12px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px
   }
   
   h1, h2, h3, h4, h5, h6 {
    	margin: 0px 0 5px 0;
    	line-height: 2em;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Tahoma, sans-serif;
	text-transform:none;
}

h1 { 
	font-size: 24px;
	line-height: 30px;
	letter-spacing: +1px;
	font-weight: normal;
		padding-bottom: 7px;
}

h2 { 
	font-size: 24px;
	line-height: 30px;
	letter-spacing: +1px;
	font-weight: normal;
	padding-bottom: 7px;
 }

h3 {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: +1px;
	font-weight: normal;
		padding-bottom: 15px;
		text-transform:uppercase;
}

h4 { 
	font-size: 18px;
	line-height: 22px;
}

h5 { 
	font-size: 14px;
	line-height: 18px;
}

h6 { 
	font-size: 12px;
	font-weight: 400;
}
   
   .buttons-container{
       display: flex; 
       justify-content: space-evenly;
       flex-direction: row;
       max-width: 910px;
   }
   
   .button{
       	background-color: #C7AE8D;
       	width: fit-content;
   }
   
   .button-icon-feinschmecker{
       width: 100px;
   }
   
      .button-icon-gault{
       width: 120px;
   }
   
      .button-icon-michelin{
       width: 20px;
   }
   
   
    .dark{
       background-color: #444444;
       width: auto;
   }
   
   .seehaus-illu{
    width: 85%;   
   }
   
   .carousel-indicators{
   display: none;
}

.icon-prev span{
 font-size: 25px; 
}

.carousel-control{
    font-size: 30px;
    font-weight: bold;
    width: 70px;
}

.indicator-image{
    width: 55px;
}
    
.instagram-feed-safari{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.slider-arrows{
    width: 38px !important;
    margin-top: 5px;
}

.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}

.carousel-indicators li {
    background-color: #000000;
    width: 15px;
}

.carousel-control-prev-icon {
    background-image: none;
}

.carousel-control-next-icon {
    background-image: none;
}
   
/* NAV CLASSES */
   
    nav{
        background-color: #555;
    }
    
    .navbar-nav{
        width: 100%;
        justify-content: space-between;
        margin-left: 45px;
    }

    .nav-item{
        text-transform: uppercase;
    }

    .nav-item a{
        color:#999 !important;
    }

    .nav-item a:hover{
        color:#fff !important;
    }

    .navbar-brand img {
        max-width: 250px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    footer{
        background-color: #555;
    }
    
    .footer-container{
        display: flex; 
        justify-content: space-between; 
        align-items: center; 
        padding: 0 60px 0 60px;
    }
    
    .footer-text{
        color: #999 !important;
        margin: 15px 0 15px 0;
        font-size: 16px;
    }
    
    .footer-text a{
        color: #fff;
    }
    .openT-desk{display:block;}
    .openT-mobile{display:none;}

@media (max-width:991px){
    
        .navbar-nav{
        margin-left: 0px;
    }
    
    .nav-item{
        margin-bottom: 15px;
    }
    
       .buttons-container{
       justify-content: space-evenly;
       flex-wrap: wrap;
   }
   
   .button{
       margin-bottom: 25px;
   }
   
      .seehaus-illu{
    width: 100%;   
   }
   
       .footer-container{
        justify-content: center; 
        padding: 0 60px 0 60px;
        flex-direction: column;
    }
    
        .footer-text{
        margin: 15px 0 15px 0;
        font-size: 16px;
        text-align: center;
    }
    .openT-desk{display:none;}
    .openT-mobile{display:block;}
    
}