/*

*/
/* Box Model und andere 'Hacks' */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	img { 
		width: auto; /* IE8 */
	}

.red { color: #ba0b1a;}
.black_bg {background-color: #000; color: #c28d46;}

body {
	background-color: #dddee2;
	font-family: 'Merienda', cursive !important;
	font-weight: normal;
	color: #000;
	background: #f3d189 url(../bilder/6m0Oyf.jpg) no-repeat top center;
	background-position: center;
	background-repeat: repeat;
	background-size: cover;
	background-attachment: fixed;
}
.container {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	height: 100%;
}
.container .row {
	width: 80%;
	max-width: 1000px;
	height: 100%;
	margin: 0 auto;
}

.container .links  a { 
	color: #ba0b1a;
	text-align: center !important;
	font-weight: bold;
}

.container .footer  a { 
	color: #fff;
	font-family: Arial, tahoma, verdana, sans-serif;
	font-size: 0.9em;
}


.inhalt {
	margin: 0 auto;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 10px;
	background: rgba(255,255,255,0.5);
	color: #000;
}

.links {
		text-align: center !important;
}


.headline {
	text-align: center !important;
	margin-top: 30px;
}

.headline h1 { color: #ba0b1a; font-weight: 700; margin-top: 10px;}

.headline p, .headline h3 { text-shadow: 1px 1px #666;} 
h3 { font-size: 1.2em !important; text-align: center; }
.headline h3 {display: none;}

.nopadding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.images {
	display: flex; 	
	margin-top: 10px;
	margin-bottom: -10px !important;
}

img#pics { width: 98%; border: 0.25em #dadada solid; vertical-align: initial; margin: 0.2em; display: flex; transition: all 0.5s ease;}
img#pics:hover { opacity: 0.7; border: 0.25em #ba0b1a solid; transition: all 0.5s ease; padding: 0em;}

img#logo {
	max-width: 200px;
	height: auto;
	display: inline;
	text-align: center !important;
	
}

a div.genericon {
	cursor: pointer;
	opacity: 0.5;
	position: relative;
	left: 47%;
	top: -47%;
	font-size: 60px;
	background: transparent;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

a:hover div.genericon-zoom {
	opacity: 1;
}



.half_left { padding-right: 2%; padding-left: 1%; text-align: left; float: left; }
.half_right { padding-right: 1%; padding-left: 2%; text-align: right; float: right; }
.half_left, .half_right {width: 49%;}

.footer {
	background: rgba(0,0,0,0.7);
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

.footer ul li { float: left;}
.footer ul li a { padding: 10px;}
.footer ul {padding-left: 0px;}

#scrolltop {position: fixed; bottom: 10px; right: 10px; float: right; display: none;}
#scrolltop a { padding: 6px 10px; background: rgba(0,0,0,0.6); color: #fff; font-size: 1.3em;}
#scrolltop a:hover {text-decoration: none;}

 p {
 	font-weight: 300 !important;
 }

ol, ul {
	list-style: none;
}

h1 {
	font-size: 2.3em;
	font-weight: 700;
	padding-bottom: 10px;
}

/* Onepage Struktur */

.inhalt.home,
.inhalt.speisen,
.inhalt.galerie,
.inhalt.kontakt {
	margin-bottom: 10px;
}

.inhalt.home h2,
.inhalt.speisen h2,
.inhalt.galerie h2,
.inhalt.kontakt h2 {
	color: #ba0b1a;
	margin-top: 0px;
	display: block;
	margin-top: unset;
}

.inhalt.home h2 i,
.inhalt.speisen h2 i,
.inhalt.galerie h2 i,
.inhalt.kontakt h2 i{
	font-size: 0.8em;
	color: #000;
}


.inhalt.home p{text-align: left !important;}
.inhalt.speisen p{text-align: left !important;}
.images.speisebilder p{text-align: center !important; display:block; width: 100%; position: absolute; padding: 20px; top: -45px; font-size: 18px;}
.inages.speisebilder a, .inages.speisebilder img{float:left;}
.inhalt .speisekarten {margin-top: 10px; padding-bottom: 0px;}
.inhalt .speisekarten a { display: inline-block; padding: 5px 10px; font-weight: 700;}
#galerie a img{width: 24%; float:left;}

/* Navigation */
.navigation { background: rgba(255,255,255,0.5); padding: 2px 10px 10px;}
.navigation h3 {margin-top: 28px;}
.navigation.scroll-to-fixed-fixed {
	background: rgba(255,255,255,1.0); 	
	transition: background 0.4s ease;
}
.navigation .fixednav {opacity: 0; position: relative; top: -100px; }
.navigation.scroll-to-fixed-fixed .fixednav { opacity: 1; position: unset; top: unset;}
.navigation .fixednav { text-align: center !important; }
.navigation.scroll-to-fixed-fixed .fixednav {transition: all 0.6s ease;}
.navigation .fixednav h1 {color: #ba0b1a; float: left; font-size: 0.02em;}
.navigation.scroll-to-fixed-fixed .fixednav h1 { font-size: 2em; transition: all 0.6s ease;}
.navigation .fixednav img#logo {width: 1px; float: left; }
.navigation.scroll-to-fixed-fixed .fixednav img#logo {width: 70px; margin-left: 7%; margin-right: 2%; transition: all 0.6s ease;}

.navigation.scroll-to-fixed-fixed h3 {display:none;}

ul#nav {padding-left: 0px !important;}
ul#nav li { float:left; }
ul#nav li#right { float:right;}
ul#nav li a {
	background: transparent;
	padding: 20px 25px; 
	display: block; 
	color: #000; 
	font-size: 1.5em; 
	border-top: 2px #000 dotted;
	border-bottom: 2px #000 dotted;
	text-decoration: none;
	transition: all 0.4s ease;
	outline: none;
}
ul#nav li a:hover {
	background: rgba(255,255,255,0.5);
	text-decoration: none;
	color: #c28d46;
	text-shadow: 1px 1px #ba0b1a;
	border-top: 2px #ba0b1a dotted;
	border-bottom: 2px #ba0b1a dotted;
	transition: all 0.4s ease;
	outline: none;
}


	.icon {
		text-decoration: none;
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.major {
			text-align: center;
			cursor: default;
			background-color: #37c0fb;
			background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			color: #fff;
			border-radius: 100%;
			display: inline-block;
			width: 5em;
			height: 5em;
			line-height: 5em;
			box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;
			margin: 0 0 2em 0;
		}

			.icon.major:before {
				font-size: 36px;
			}








@media (max-width: 1200px) {
	.navigation.scroll-to-fixed-fixed .fixednav h1 {color: #ba0b1a; float: left; font-size: 1.6em;}
	.navigation.scroll-to-fixed-fixed .fixednav img#logo {width: 70px; float: left; margin-left: 5%; margin-right: 2%; }
	
}		
			
@media (max-width: 1024px) {
	.navigation.scroll-to-fixed-fixed .fixednav h1 {color: #ba0b1a; float: left; font-size: 1.2em;}
	.navigation.scroll-to-fixed-fixed .fixednav img#logo {width: 50px; float: left; margin-left: 3%; margin-right: 2%; }
	
}		

@media (max-width: 980px) {
	.navigation.scroll-to-fixed-fixed .fixednav h1 {display: none;}
	.navigation.scroll-to-fixed-fixed .fixednav img#logo {width: 10%; float: none; margin-left: 1%; }
	
}			

@media (max-width: 768px) {
/* @media (max-width: 375px) { */
body {
	background-color: #dddee2;
	background: #ccc !important;
	font-family: font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: normal;
	color: #000;
}

img {
	max-width: 100% !important;
	height: auto;
	display: block;
}
.images {display: block;}

img#pics { width: 98%; border: 0.2em #c28d46 solid; vertical-align: initial; margin: 0.2em; display: block; float:left;}

.navigation h3 {display: none;}
.headline h3 {display: block; padding-bottom: 10px; font-size: 1.4em !important;}
.navigation.scroll-to-fixed-fixed .fixednav h1 { display: none;}

.container {
	background: #f3d189 ;
}
.container .row {
	width: 90%;
	background-color: #dddee2;
	height: 100%;
	margin: 0 auto;
	background-image: url(../bilder/background-tile2.jpg);
	background-repeat: repeat;
}

h1 { text-align: center; }
.left, .right { text-align: left; float: none; width: 90%; }

.half_left { width: 95%; padding-right: 4%; padding-left: 1%; text-align: left; float: none;}
.half_right { width: 95%; padding-right: 4%; padding-left: 1%; text-align: left; float: none;}

a div.genericon { display: none; }
} 

@media (max-width: 600px) {
ul#nav li#right { float:left;}
ul#nav li {display: block; width: 100%; text-align: center;}
ul#nav li a {
	background: transparent;
	padding: 10px 25px; 
}
ul#nav li a, ul#nav li a:hover {
	border-bottom: 2px #000 dotted;
	border-top: none;
}
ul#nav li:first-child a {
	border-top: 2px #000 dotted;
}
ul#nav li ul, ul#nav li ul li, ul#nav li ul li a {display: none;}
.left, .right { text-align: left; float: left;}
}

@media (max-width: 375px) {
	.navigation .fixednav img#logo {display: none; }
}
/* ENDE mobile Anpassungen */