body
{
	background-color:transparent;
}

html,body 
{
	height: 100%;
}

#booking_form label
{
	margin-bottom: .2em !important;
}

@font-face {
    font-family: CroissantOne;
    src: url("CroissantOneRegular.otf") format("opentype");
}

@media (min-width:768px)
{ 
	.navbar-expand-md {
		flex-flow: column;
	}
	
	.nav-link {
		font-size:1rem;
	}	
}

@media (min-width:992px)
{ 
	.nav-link {
		font-size:.9rem;
	}
	
	.navbar-expand-md {
		flex-flow: row nowrap;		
	}
	
	.home {
		padding-top: 90px !important;
	}
}	

@media (min-width: 1100px)
{
	.container {
		max-width: 1060px;
	}
}


@media (min-width:1140px)
{ 
	.nav-link {
		font-size:1rem;
	}
}


#wrapper
{
	/*background-image: url('../images/bg.png');
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center 96px;
	background-attachment: fixed;*/
	height:100%;
}

nav.navbar
{	
	z-index:2;
	width:100%;
	justify-content: space-between !important;
}

.navbar-brand
{
	/*flex-grow:15;*/
	max-width:60%;
}

.navbar-collapse
{
	flex-grow:0;
}

.navbar-brand img
{
	width:300px;
	position:relative;
	left:0;
}

.nav-link.js-scroll-trigger.active
{
	background-color:white !important;
	color:#991e26 !important;
}

.nav-link 
{
    display: block;
    padding: .1rem 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
	white-space: nowrap;
}

.navbar-nav .nav-link
{
	padding-left:3px;
}

h2
{
	padding:40px 0 30px;
}

.bg-red
{
	/*background-color:rgba(153, 30, 38, 1) !important;*/
}

.bg-red-op1
{
	background-color:rgba(153, 30, 38, 0) !important;
	-webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
	box-shadow: none;
}

.row
{
	text-align:justify;
}

@media (min-width:768px)
{ 
	
}

@media (max-width:992px)
{
	#content {
		top:80px;
	}
	
	.bg-red-op1 {
		background-color: rgba(153, 30, 38, 1) !important;
	}
	
	#home {
		display:none;
	}
	
	.bg-red-op1 {
		background-color: rgba(153, 30, 38, 1) !important;
	}
	
		
	ul.navbar-nav li:first-child {
		display:none;
	}	
}

.bg-red-op2
{
	background-color:rgba(153, 30, 38, 1) !important;
	-webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

@media (min-width:768px)
{ 
	/*.bg-red-op2 nav
	{
		max-height: 90px;
		transition: max-height 1s ease-in;
	}*/
	
	.bg-red-op2 nav a img
	{
		width:300px;
		-webkit-transition: all 500ms ease-in;
		-webkit-transform: matrix(0.7,0,0,0.7,0,0);
		-ms-transition: all 500ms ease-in;
		-ms-transform: matrix(0.7,0,0,0.7,0,0);   
		-moz-transition: all 500ms ease-in;
		-moz-transform: matrix(0.7,0,0,0.7,0,0);
		transition: all 500ms ease-in;
		transform: matrix(0.7,0,0,0.7,0,0);		
	}
}

.bg-red-op1 nav a img
{
	width:300px;
	-ms-transform: matrix(1,0,0,1,0,0); /* IE 9 */
    -webkit-transform: matrix(1,0,0,1,0,0); /* Safari */
    transform: matrix(1,0,0,1,0,0);
	-webkit-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

@media (min-width:992px)
{
	.bg-red-op2 nav a img
	{
		width:300px;
		-webkit-transition: all 500ms ease-in;
		-webkit-transform: matrix(0.7,0,0,0.7,-45,0);
		-ms-transition: all 500ms ease-in;
		-ms-transform: matrix(0.7,0,0,0.7,-45,0);   
		-moz-transition: all 500ms ease-in;
		-moz-transform: matrix(0.7,0,0,0.7,-45,0);
		transition: all 500ms ease-in;
		transform: matrix(0.7,0,0,0.7,-45,0);
	}
}

.mr-auto, .mx-auto
{
	margin-left: 2px;
}

#content
{
	position:relative;
	/*top:1000px;*/
	height:100%;
}

#content section:first-child
{
	padding-top:150px;
}

header
{
	position:fixed;
	z-index:2;
	min-height:97px;
	/*margin-bottom:20px;*/
	box-shadow: 0 -1px 10px #333;
}

section
{
	padding:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:40px;
	font-size:16px;
}

section img
{
	padding:10px;
}

#logo_img
{
	max-width:100%;
}

/* social buttons */

i {
    font-size : 12px;
    padding-right: 10px;
    color: #aece61;
}

#home
{
	background-image: url('../images/bg.png');
	background-repeat:no-repeat;
	/*background-size:100%;*/
	/*background-position:center 96px;*/
	background-attachment: fixed;
	background-size: cover;
}

#_home_
{
	text-align:center;
	padding-top:0;
}


/* Footer */
.footer {
    position: relative;
	/*top:1000px;*/
    background-color: #991e26 !important;
    color: #7d7975;
    padding: 15px 0;
    font-size:16px;
}
.footer p {
    line-height:26px;
    color : #fff;
}
.footer h5 {
    font-size: 22px;
    font-weight: 700;
    color: #aece61  ;
    position: relative;
    padding-bottom: 16px;
}
.footer h5:after {
    content: '';
    display: block;
    margin: 5px 0 0;
    width: 40%;
    height: 1px;
    background-color: #1e1d22 ;
}

.footer ul {
    list-style: none;
    line-height:35px;
    margin: 0px;
    color:#fff;
    
}
.footer a {
    color:# ;
   
}
.footer a:hover {
    color: #aece61 ;
}

.footer .container {
	position:relative;
	left:-20px;
}

/* Footer Logo */
.foot-logo {
    margin: 0px 0px 18px 0px;
    padding: 0;
}

/*footer bottom */
.footer-bottom {
    padding-top: 10px;
    padding-bottom: 25px;
    border-top: 1px solid #2f2f33 ;
    background: #1e1d22  ;
    
}
.copyright-text p {
    color: #7d7975;
    margin-top: 18px;
    margin-bottom: 0;
    font-size:15px;
}

.copyright-text a {
    color: #7d7975;
    margin: 0px 10px 0px 10px;
    
}
.copyright-text a:hover {
    color: #aece61  ;
    
    
}
/* Social Icons */

.social-icons{
    
    margin: 0;
    padding: 0;
    font-size : 10px;
}

.social {
    margin:7px 7px 7px 0px;
    color:#fff;
}


#social-fb:hover {
     color: #3B5998;
     transition:all .25s;
 }
 #social-insta:hover {
     color: #9d32d0;
     transition:all .25s;
 }
 #social-tw:hover {
     color: #4099FF;
     transition:all .25s;
 }
 #social-gp:hover {
     color: #d34836;
     transition:all .25s;
 }
 #social-em:hover {
     color: #f39c12;
     transition:all .25s;
 }
 
#plan_table {
	width:100%;
	border-collapse:collapse;
}

#plan_table th, #plan_table td
{
	border:1px solid rgba(153, 30, 38, 1) !important;
	width:11.5%;
	padding:3px 3px;
	font-size:12px;
}

#plan_table td
{
	position:relative;
}

#plan_table th
{
	text-align:center;
}

#plan_table .date_day
{
	position:absolute;
	top:0;
	text-align:center;
	padding:3px 0;
	width:calc(100% - 6px);
	border-bottom:1px solid #F8EEEF;
	font-weight:bold;
}

#plan_table .venue_info
{
	padding-top:22px;
}

#plan_table .timeframe
{
	font-weight:bold;
}

#plan_table td:hover {
	background-color: #8892BF;
}

.tr_table tr 
{
	display: block;
	float: left;
}

.tr_table th, .tr_table td 
{ 
	display: block !important;
	width:140px !important;
	height:60px !important;
	padding:4px !important;
}

#plan_table th, #plan_table td.th
{
	background-color:rgba(153, 30, 38, 1) !important;
	color:white;
	-moz-box-shadow: 0 0 2px #888;
     -webkit-box-shadow: 0 0 2px #888;
	 padding-top:8px;
	 padding-bottom:8px;
     box-shadow: 0 0 2px #888; 
}

#plan_table td
{
	text-align:left !important;
}

#plan_table .weekno
{
	/*-moz-box-shadow: 0 0 2px #888;
     -webkit-box-shadow: 0 0 2px #888;
     box-shadow: 0 0 2px #888;*/
}

#plan_table .load_details
{
	cursor:pointer;
}

#map
{
	position:absolute;
	display:none;
	width:300px;
	height:200px;
}

.details
{
	position:absolute;
	width:300px;
	height:200px;
	display:none;
	background-color:#abcdef;
	z-index:2;
}

.details_header
{
	height:30px;
	background-image:url(../images/drag_bg.png);
	text-align:right;
	padding-top:3px;
	padding-right:4px;
}

.details_header .close_map
{
	z-index:10;
	padding:0 !important;
}

.tmap
{
	position:absolute;
	width:300px;
	height:200px;
}

.dish_inactive td
{
	color:#9a9a9a !important;
	display:none;
}

.dish_cat
{
	font-weight:bold;
	color:white;
	background-color:rgba(153, 30, 38, 1) !important;
}

.dish_name
{
	font-weight:bold;
}

.dish_details
{
	border-top:0 !important;
	padding-top:0 !important;
	font-style: italic;
	padding-left: 1rem  !important;
}

.dish_toppings
{
	font-style: italic;
}

/*content*/

.wir_uber_uns_3 img
{
	padding-top:66px;
}

.menuplan_title
{
	text-align:center;
	margin-bottom:5px;
	margin-top:30px;
}

.impressum
{
	text-align:left;
	font-size:12px !important;
}

.js-smartPhoto-hidden
{
	display:none;
}

.gallery_link
{
	font-size: 10px;
	color: grey;
	text-align: center;
	position: relative;
	top: -8px;
}

.js-smartPhoto:hover, .gallery_link:hover
{
	text-decoration:none;
}

#booking_form
{
	display:none;
	position:fixed;
    top: 50%;
    left: 50%;
    width:20em;
    height:28em;
    margin-top: -13em; /*set to a negative number 1/2 of your height*/
    margin-left: -10em; /*set to a negative number 1/2 of your width*/
	border: 1px solid rgba(153, 30, 38, 1) !important;
	border-radius:3px;
	background-color:white;
	padding:3em 2em 2em 2em;
	z-index:1;
}

#booking_form #send_message, #booking_button
{
	background-color: rgba(153, 30, 38, 1) !important;
	border:0;
}

#booking_form #send_message:hover, #booking_button:hover
{
	/*background-color: #7fbd00 !important;*/
	background-color: #0056b3 !important;
}

#booking_button
{
	margin-top:12px;
}

#booking_form label
{
	margin-bottom: 0 !important;
}

.booking_form_header
{
	position: absolute;
	display: block;
	width: 19em;
	margin-left: -2em;
	margin-top: -2em;
	text-align: right;
}

.booking_form_header img
{
	cursor:pointer;
}

.booking_form_error
{
	color:red;
	font-size:10px;
	font-weight:bold;
	height:10px;
}

#booking_form .ui-datepicker-trigger
{
	position:absolute;
	top:36px;
	right:6px;
}

#message_bottom
{
	position:fixed;
	/*color:#f4dd0b;*/
	border-top:1px solid yellow;
	border-bottom:1px solid yellow;
	color:white;
	padding:19px 0 19px;
	text-align:center;
	font-weight:normal;
	bottom:0;
	z-index:20;
	background-color:#656565;
}

.foodtrack_de
{
	width:41px;
	height:48px;
}

#foodtrucklink_container div:hover
{
	/*background-color:#d5b503;*/
	background-color:#0b8837;
}

#foodtrucklink_container div
{
	display:inline;
	border-radius:7px;
	height:40px;
	width:41px;
	margin-left:4px;
	transition: background-color 0.3s ease;
	background-color:white;
	position: absolute;
    bottom: 12px;
	background-image:url(../images/foodtrack_de.png);
	background-position:center;
	background-repeat:no-repeat;
}

.foodtrack_de:before {
    content: "\f116";
}

#close_message
{
	position: absolute;
    top: 0.2em;
    right: 0.2em;
	cursor:pointer;
}

#left {
    border-color: orange;
	z-index:10000;
	max-width:70%;
	top:20%;
}
#left .handle {
    background-color: orange;
}