/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	width: 100%;
	height: 100%;
	font-family: Lora, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #fff;
}
html {
	width: 100%;
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 35px;
	text-transform: uppercase;
	font-family: 'Alegreya', serif;
	font-weight: 700;
	letter-spacing: 1px;
	color:#8a1002;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}
p {
	margin: 0 0 25px;
	font-size: 12px;
	line-height: 1.5;
}
p-heads {
	font-size: 17px;
	line-height: 1.5;
	color:#FFF;
	text-align:center;
	letter-spacing:1px;
}
p-heads-dunkel {
	font-size: 17px;
	line-height: 1.5;
	color:#666;
	text-align:center;
	letter-spacing:1px;
}
p-fliesstext {
	font-size: 15px;
	line-height: 1.5;
	color:#FFF;
	text-align:center;
	letter-spacing:1px;
}
p-fliesstext-dunkel {
	font-size: 15px;
	line-height: 1.5;
	color:#666;
	text-align:center;
	letter-spacing:1px;
}
hr.style1 {
	width:100%;
	border-top: 1px solid #FFF;
}
hr.style2 {
	width:100%;
	border-top: 1px solid #666;
}
 @media(min-width:768px) {
 p {
 font-size: 12px;
 line-height: 1.6;
 text-align: center;
}
}
a {
	cursor:pointer;
	color: #fff;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
a:hover, a:focus {
	cursor:pointer;
	text-decoration: none;
	color:#900;
}
.light {
	font-weight:lighter;
}
.menu {
	position:fixed;
	top:-5px;
	width:100%;
	height:80px;
	background-image:url(../img/nav-holz.png);
	z-index:102;
	text-align:center;
}
#nav {
	margin-top:11px;
	text-align: center;
	letter-spacing: 1px;
	z-index:999;
}
.navigation {
	list-style: none;
	z-index:999;
}
.navigation li {
	display: inline;
	float: center;
	font-size:13px;
	font-weight:bold;
	padding: 25px 15px 10px 10px;
	z-index:999;
}
.navigation li a:link {
	color:#FFF;
	text-decoration: none;
}
.navigation li a:hover {
	color:#CCC;
	-webkit-transition: color 0.5s ease-out;
	-moz-transition: color 0.5s ease-out;
	-o-transition: color 0.5s ease-out;
	transition: color 0.5s ease-out;
	outline: none;
	text-decoration:none;
	text-shadow: none;
}
.intro {
	display: table;
	width: 100%;
	height: 1920px;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
}
.intro .intro-body .brand-heading {
	font-size: 40px;
}
.intro .intro-body .intro-text {
	font-size: 18px;
}
 @media(min-width:768px) {
 .intro {
 height: 100%;
 padding: 0;
}
 .intro .intro-body .brand-heading {
 font-size: 100px;
}
 .intro .intro-body .intro-text {
 font-size: 26px;
}
}
.btn-circle {
	width: 70px;
	height: 70px;
	margin-top: 15px;
	padding: 7px 16px;
	border: 2px solid #fff;
	border-radius: 100%!important;
	font-size: 40px;
	color: #fff;
	background: 0 0;
 -webkit-transition: background .3s ease-in-out;
 -moz-transition: background .3s ease-in-out;
 transition: background .3s ease-in-out;
}
.btn-circle:hover, .btn-circle:focus {
	outline: 0;
	color: #fff;
	background: rgba(255, 255, 255, .1);
}
.btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}
 @-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @-moz-keyframes pulse {
 0% {
 -moz-transform: scale(1);
 transform: scale(1);
}
 50% {
 -moz-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -moz-transform: scale(1);
 transform: scale(1);
}
}
.content-section {
	padding-top: 50px;
	height:1080px;
}
.start-section {
	display: table;
	width: 100%;
	height: 1500px;
	padding: 50px 0;
	text-align: center;
	color: #fff;
	background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.start-container {
	width:990px;
	margin:0px auto;
	position:relative;
	color: #fff;
	font-size:14px;
}
.aktuelles-section {
	display: table;
	width: 100%;
	height: 1080px;
	padding: 50px 0;
	text-align: center;
	color: #fff;
	background:#FFF;
}
.aktuelles-container {
	width:990px;
	margin:0px auto;
	position:relative;
	color: #fff;
}
.aktionen-section {
	display: table;
	width: 100%;
	height: 1080px;
	padding: 50px 0;
	text-align: center;
	color: #fff;
	background: url(../img/aktionen-bg.jpg) no-repeat bottom center scroll;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.aktionen-container {
	width:990px;
	margin:0px auto;
	position:relative;
	color: #fff;
	font-size:14px;
}
.essen-section {
	display: table;
	width: 100%;
	height: 1080px;
	padding: 50px 0;
	text-align: center;
	color: #fff;
	background:#FFF;
}
.essen-container {
	width:990px;
	margin:0px auto;
	position:relative;
	color: #fff;
}
.shop-section {
	display: table;
	width: 100%;
	height: 1080px;
	padding: 50px 0;
	text-align: center;
	color: #fff;
	background: url(../img/shop-bg.jpg) no-repeat bottom center scroll;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.shop-container {
	width:990px;
	margin:0px auto;
	position:relative;
	color: #fff;
	font-size:14px;
}
.kontakt-section {
	display: table;
	width: 100%;
	padding: 50px 0;
	text-align: center;
	color: #000;
	background: url(../img/kontakt-bg.jpg) no-repeat bottom center scroll;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.kontakt-container {
	width:990px;
	margin:0px auto;
	position:relative;
	color: #000;
	font-size:14px;
}
.galerie-section {
	display: table;
	width: 100%;
	height: 1080px;
	padding: 50px 0;
	text-align: center;
	color: #fff;
	background:#FFF;
}
.galerie-container {
	width:990px;
	margin:0px auto;
	position:relative;
	color: #fff;
}
.imp-section {
	display: table;
	width: 100%;
	height: 1080px;
	padding: 50px 0;
	text-align: center;
	color: #fff;
	background: url(../img/impressum-bg.jpg) no-repeat bottom center scroll;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.imp-container {
	width:990px;
	margin:0px auto;
	position:relative;
	color: #fff;
	font-size:11px;
}
#map {
	width: 100%;
	height: 330px;
	margin-top: 100px;
}
 @media(min-width:767px) {
 .content-section {
 padding-top: 50px;
}
 .download-section {
 padding: 100px 0;
}
 #map {
 width:100%;
 height: 480px;
 margin-top: 0px;
}
}
.btn {
	border-radius: 0;
	text-transform: uppercase;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
.btn-default {
	border: 1px solid #42dca3;
	color: #42dca3;
	background-color: transparent;
}
.btn-default:hover, .btn-default:focus {
	border: 1px solid #42dca3;
	outline: 0;
	color: #000;
	background-color: #42dca3;
}
ul.banner-social-buttons {
	margin-top: 0;
}
 @media(max-width:1199px) {
 ul.banner-social-buttons {
 margin-top: 15px;
}
}

@media(max-width:767px) 
and (orientation:landscape) {
	 	
.image-wrapper{
max-width:33%;
height:auto;
position: relative;
display:block;
margin:0 auto;
}

.image-wrapper img{
width:100% !important;
height:auto !important;
display:block;
}
	 
 ul.banner-social-buttons li {
 display: block;
 margin-bottom: 20px;
 padding: 0;
 
}
 ul.banner-social-buttons li:last-child {
 margin-bottom: 0;
}

}


@media(max-width:767px) 
and (orientation:portrait) {
	 	
.image-wrapper{
max-width:100%;
height:auto;
position: relative;
display:block;
margin:0 auto;
}

.image-wrapper img{
width:100% !important;
height:auto !important;
display:block;
}
	 
 ul.banner-social-buttons li {
 display: block;
 margin-bottom: 20px;
 padding: 0;
 
}
 ul.banner-social-buttons li:last-child {
 margin-bottom: 0;
}

}
footer {
	padding: 50px 0;
}
footer p {
	margin: 0;
}

::-moz-selection {
 text-shadow: none;
 background: #fcfcfc;
 background: rgba(255, 255, 255, .2);
}

::selection {
 text-shadow: none;
 background: #fcfcfc;
 background: rgba(255, 255, 255, .2);
}
 img::selection {
 background: 0 0;
}
 img::-moz-selection {
 background: 0 0;
}
body {
	webkit-tap-highlight-color: rgba(255, 255, 255, .2);
}


.reservierung {
	position: fixed;
	bottom: 0px;
	height: 125px;
	width:100%;
	text-align:center;
	z-index:9999;
}


/*
.reservierung {
	position: fixed;
	bottom: 0px;
	left: 50%;
	height: 70px;
	width: 890px;
	margin-left: -445px;
	text-align:center;
	z-index:9999;
}

.reservierung * {
 box-sizing:initial !important;
 -webkit-box-sizing:initial !important;
}
*/

}

#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}