* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
	font-family: 'Open sans', Verdana, Helvetica,sans-serif;
	font-size: 15px;
	/*background-image: url('../upload/layout/efes.png');*/
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 100vh;
}
a, a:hover {
	text-decoration: none;
}
.green {
	color: #62b22e;
}

.h2, h2 {
    font-size: 25px;
}

.container-fluid {
	padding: 0;
}

.headpanel {
	position: relative;
	border-bottom: 15px solid #34353a;
	background-color: #f0f0f0;
	background-color: #fff;
	padding: 10px 0;
}

.moodpanel {
	background-image: url('../upload/layout/struktur_bg.png');
	border-top: 5px solid #fff;
}
.menupanel {
	background-image: url('../upload/layout/struktur_bg.png');
	margin-top: 5px;
	-webkit-box-shadow: 0px 10px 18px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 18px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 18px -6px rgba(0,0,0,0.75);
}

.navbar-default {
	border-radius: 0;
	border: none;
	margin: 0;
    background: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 1.2em;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #62b22e;
}

ul#navigation_lang_changer li {
    display: inline-block;
}

ul#navigation_lang_changer li:first-child {
    margin-right: 15px;
}
ul#navigation_lang_changer li a {
	color: #62b22e;
}

.navbar-default .navbar-nav>li>a {
    color: #0bd40e;
}

.content {
	position: relative;
	min-height: 70vh;
	margin-bottom: 30px;
}

h1.headline {
	color: #62b22e;
	border-bottom: 1px dotted #62b22e;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.odd, .even {
	padding: 30px 15px;
}
.even {
	background-color: rgba(56,56,57,0.05);
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.shortnavigation .panel-group {
	/*background-image: url('../upload/layout/struktur_bg.png');*/
	margin-bottom: 0;
}

.shortnavigation .panel-group .panel {
	border-radius: 0;
}

.shortnavigation .panel-heading {

    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.shortnavigation .panel-default > .panel-heading {
	color: #62b22e;
	background-color: #565657;
	border-color: #565657;
}

.provinznavi .item .inner {

    border: 1px dotted #62b22e;
    padding: 5px 10px;
    margin-bottom: 15px;
    background-color: #fff;
	text-align: center;
}

.provinznavi .item a,  {
    color: #62b22e;
	text-decoration: none;
}

.provinznavi .image img {

    max-width: 100%;
    display: block;

}


.footerpanel {
	/* 	border-top: 20px solid #e0242e;*/
	/*background: #ccc;*/
	background-image: url('../upload/layout/struktur_bg.png');
	-webkit-box-shadow: 0px -7px 18px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -10px 18px -6px rgba(0,0,0,0.75);
	box-shadow: 0px -7px 18px -6px rgba(0,0,0,0.75);	
}

.footerpanel {
    
    padding-top: 20px;
    padding-bottom: 20px;
	list-style:none;
}

.footer .copyright {
	margin: 0 5em 0 0;
	color: #CCCBCC;
	font-size: 0.8em;
	padding:0 0 1em;
}


.footerpanel ul {
	list-style-type: none;
}

.footerpanel ul.navigation  li {
	display: inline-block;
	margin-left: 10px;
}
.footerpanel ul.navigation  li a {
	color: #CCCBCC;
    text-decoration: none;
	font-size: 0.9em;
}


/*Bootstrap ueberschreibungen*/
.carousel-indicators li {
	border-radius: 0;
	width:25px;
	height: 5px;
}
.carousel-indicators li.active {
	width:25px;
	height: 7px;
}

.categoriennav {
	margin-top: 30px;
}

.categoriennav .item {
	background-color: #CCCBCC;
	padding: 5px 15px;
	color: #62b22e;
	margin: 5px -10px;
	background-image: url('../upload/layout/struktur_bg.png');
}

.fb a {

    color: #62b22e;

}

.provnr {
	color: #565657;
	font-weight: 700;
}

.contentpanel{
	padding-left:50px;

}


/*Speisekarte*/
.line {
	display: flex;
}
.line .nr, .line .txt, .line .price {
	display: table-cell;
	padding: 5px 0;
}
.line .nr {
	padding-right: 10px;
	width: 5%;
	color: #4e7f2e;
	font-weight: 600;
}
.line .txt {
	width: 15%;
}
.line .price {
	text-align: right;
	width: 10%;
}

@media (max-width: 768px) {
	body {
		background-image: none;
	}
	.header ul li {
 	   display: block;
    	text-align: left;
	}
	
	.line .nr {
	padding-right: 5px;
	width: 5%;
	color: #4e7f2e;
	font-weight: 600;
}
	
	
.line .txt {
	width: 35%;
}	
	
}
