html, body{
	background: #FFF8EF;
	font-size: 1.1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.container-fluid{
	
}

h1,h2,h4{
	color: #f8aa00;
}

h3{
	color: #C5C1BA;	
}


.overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .popup {
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            position: relative;
            max-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .popup img {
            max-width: 100%;
            max-height: 100vh;
            height: auto;
            width: auto;
            object-fit: contain;
        }
        .close-btn {
            position: absolute;
            top: 20px;
            right: 10px;
            background: red;
            color: white;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            border-radius: 5px;
        }

.alpakas {
  text-align:center; 
  vertical-align: middle;
  display: table-cell;   
}

.navigationEntry{
	text-align: center;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

.navigationEntry:hover, .navigationEntry active{
	border-top: 3px solid #F8AA00;
	font-weight: bold;
	background: white;
	color: #F8AA00;
}

#googleMapsContainer{
	color: black;
}

#contactContainer input{
	width: 100%;
	height:30px;
}

#contactContainer textarea{
	width: 100%;
	height: 240px;
}

.lunch-container:nth-child(2n){
	background: lightgrey;
	min-height: 36px;
}

.lunch-date{
	font-weight: bold;
	padding: 10px;
}

.lunch-description{
	padding:10px;
	text-align:center;
}

.headerRow{
	min-height: 40px;
	font-size: 20px;
	background: #C5C1BA;
	color: white;
	line-height: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}

.headerRow div{
	padding-left: 20px;
}

.borderedContainer{
	color: #F8AA00;
	border-top: 1px solid #C5C1BA;
	border-bottom: 1px solid #C5C1BA;
	margin-top: 80px;
	padding: 10px;
}

#headerContainer{
	margin-top: 20px;
	margin-bottom: 20px;
}

.headerContainer-left{
	text-align: right;
}

.headerContainer-center{
	text-align: center;
}

.headerContainer-center img{
	max-width: 300px; 
}

.teaserImage{
	height: 600px;
	background: url(/css/images/DSC02461_big.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.event-image, .event-description{
	margin-left: 0 !important;
}

.event-description{
	width:100%;	
}

.event-container{
	display: -webkit-flex;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-align-items: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
}

.event-description h2, .event-description h3, .event-description p{
	margin-left: 15px;
}

#impressum h2{
	font-size: 14px;
	line-height: 16px;
}
#impressum p{
	font-size: 12px;
	line-height: 16px;
}
#navigationContainer{
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	
	color: white;
}

#navigationSubContainer{
	background: #C5C1BA;
}

#navigationContainer-burger{
	display: none;
	cursor: pointer;
	float:left;
}

.spancust{
        margin-left: 0 !important;
}

@media (min-width: 968px){
	.hiddenNavigation{
		display: block !important;
	}
	.mobileview{
		display: none;
	}
}
@media (max-width: 967px){
	.borderedContainer{
		margin-top: 0px;
	}
	
	.teaserImage{	
		height: 200px;	
	}
	
	.headerContainer-left{
		text-align: left;
	}

	#navigationContainer{
		display: none;
	}
	
	#navigationContainer-burger{
		display: block;
		float:left;
	}
	
	#navigationContainer-burger img{
		width: 40px;
	}
	
	.hiddenNavigation{
		display: none;
	}

	.display{
		display: block !important;
	}
	
	.navigationEntry{
		border-bottom: 1px solid #F8AA00;
		font-size: 16px;
		line-height: 48px;
		background-color: #C5C1BA !important;
	}
	
	.navigationEntry:nth-child(2){
		border-top: 1px solid #F8AA00;
	}
	
	.navigationEntry:first-child{
		/*display: none;*/
	}
		
	.desktopview{
		display: none;
	}

	#navigationSubContainer{
		position: relative;
		top:0;
		z-index: 1200;
		
	}
}