img{	
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img{ 
  	width: auto; /* for ie 8 */
  }
}
.hidden { display: none; visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
	-webkit-text-size-adjust:none;	
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
}



/* Font */
@font-face {
    	font-family: 'aachen_probold';
    	src: url('font/aachenpro-bold-webfont.eot');
    	src: url('font/aachenpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    	     url('font/aachenpro-bold-webfont.woff') format('woff'),
    	     url('font/aachenpro-bold-webfont.ttf') format('truetype'),
    	     url('font/aachenpro-bold-webfont.svg#aachen_probold') format('svg');
    	font-weight: normal;
    	font-style: normal;
}



/* Main Styles */
body{
	background-color:#fff;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing:1px;
	background: #fff url('../img/bg.jpg') top left repeat;
}



/* Links */
a, a:focus{
	text-decoration:none;
	outline:none;
	color:#fff;
}

a.link-blue{
	color:#008db3;
}


a.mailto-link, .tel-link, .tel-link a{
	text-decoration:none;
	outline:none;
	color:#1e2a30;	
}
a.mailto-link.text-white, .tel-link.text-white, .tel-link.text-white a{
	text-decoration:none;
	outline:none;
	color:#fff;	
}
a.mailto-link.text-black, .tel-link.text-black, .tel-link.text-black a{
	text-decoration:none;
	outline:none;
	color:#1e2a30;	
}

.tel-link a{
	display:none;
}




/* Headlines */
h1,h2,h3,h4{
	font-family: 'aachen_probold';
	font-weight:normal;
	color:#fff;
}
h1{
	font-size:40px;
	line-height:36px;
	padding-top:50px;
	padding-bottom:42px;
	text-transform:uppercase;
	letter-spacing:2px;
}
h2{
	font-size:24px;
	line-height:22px;
	padding-top:38px;
	padding-bottom:23px;
	text-transform:uppercase;
	letter-spacing:2px;
}
h3{
	font-size:19px;
	line-height:22px;
	padding-top:34px;
	padding-bottom:16px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.black{
	color:#000;
}
.bold{
	font-weight:bold;
}
.bottom-space{
	padding-bottom:20px;
}


/* Buttons */
.btn, .btn-bg1, .btn-bg2, .btn-bg3, .btn-bg4, .btn-bg7{
  	height:27px;
  	line-height:27px;
  	display:inline-block;
  	font-weight:bold;
  	font-size:17px;
  	
  	width: 119px;
  	padding-left:13px;
}
.btn{
  	min-width: 119px;
	padding:0 15px;
  	width: auto;
	background-color: #bb3c36;
}
.btn-bg1{
	background: url('../img/btn-bg1.png') 0 0 no-repeat;
}
.btn-bg2{
	background: url('../img/btn-bg2.png') 0 0 no-repeat;	
  	min-width: 150px;
}
.btn-bg3{
	background: url('../img/btn-bg3.png') 0 0 no-repeat;	
  	min-width: 162px;
}
.btn-bg4{
	background: url('../img/btn-bg4.png') 0 0 no-repeat;
}
.btn-bg6{
	background: url('../img/btn-bg6.png') 0 0 no-repeat;  	
  	width:221px;
  	padding:0;
  	padding-left:17px;
}
.btn-bg7{
	background: url('../img/btn-bg7.png') 0 0 no-repeat;
  	width: 151px;
}
.btn-download{
	margin-top:20px;
	display:inline-block;
	background: url('../img/btn-download.png') 0 0 no-repeat;
	width:320px;
	padding-left:18px;
}
.btn-download2{
    margin-top:25px;
    display:inline-block;
    background: url('../img/btn-download.png') 0 0 no-repeat;
    width:330px;
    padding-left:16px;
}


a.btn-default{
	margin-top:20px;
	display:inline-block;
	height:27px;	
  	font-weight:bold;
  	font-size:17px;  	
    background: transparent url('../img/btn-default-right.png') no-repeat scroll right top;
    padding-right: 18px;
}
a.btn-default span {
    background: transparent url('../img/btn-default-left.png') no-repeat scroll 0 0;
    display: block;
	line-height:27px;
	padding-left:18px;    
}



/* Übersicht - Mehr Links */
#more1, #more2, #more3{
	position:absolute;
	bottom:0;
}
#more1{
	right:465px;
}
#more2{
	right:15px;
}
#more3{
	right:465px;
}


/* Page/Section Container */
.container{
	max-width:1100px;	
	padding:0 15px;
	margin:0 auto;
	zoom: 1;
	border:0px solid red;
}
.container:before, .container:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden; 
}
.container:after { 
	clear: both; 
}
.half{
	float:left;
	width:50%;
	min-width:300px;
	text-align:left;
}
.half{
	padding-right:30px;
}
.half:last-child{
	padding-right:0;
}
.third{
	float:left;
	width:33.333333%;
	min-width:300px;
	text-align:left;
}
.third{
	padding-right:30px;
}
.third:last-child{
	padding-right:0;
}
.two-third{
	float:left;
	width:66.666666%;
	min-width:600px;
	text-align:left;
}

#rankingform{

}
#rankingform textarea{
	resize:vertical;
	height:100px;
}
#rankingform .static{
	padding-bottom:40px;
	padding-top:0px;
}
#rankingform h2{
	padding-top:35px;
}
#rankingform .text{
	margin-bottom:6px;
}
#rankingform .rankingbottom{

}
#rankingform .rankingbottom input{
	background-color: #fff;
    border: 2px solid #148db1;
	margin-bottom:20px;
}
#rankingform .disclaimer p{
	letter-spacing:0;	
	color:#646566;
	font-size:14px;
	line-height:22px;
}
#rankingform .disclaimer a{
	color:#9c9e9f;
	text-decoration:underline;
}
.btn-bewerten{
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
  	display:inline-block;
	background-color: #bb3c36;
  	font-size:20px;  	
  	height:44px;
  	line-height:44px;
  	width:241px;
  	text-align:center;
	background: url('../img/btn-bg5.png') 0 0 no-repeat;
	margin-top:40px;
	margin-bottom:30px;
}



/* Header Normal */
#header{
	position:fixed;
	z-index:999;	
	top:0;
	left:0;
	height:120px;
	width:100%;	
	background-color:rgba(255, 255, 255, 0.4);
}
#header-inner{
	padding-top:15px;
}
#header-bg{
	position:fixed;
	z-index:998;	
	top:0;
	left:0;
	height:120px;
	width:100%;	
	background-color:#fff;
	display:none;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#logo{
	float:left;
	width:154px;
	height:89px;
	display:block;
	margin-right:50px;
}



/* Header Mobile */
#mobile-header{
	position:fixed;
	z-index:999;	
	top:0;
	left:0;
	height:70px;
	width:100%;	
	background-color:#fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);		
	display:none;
}
#mobile-header-inner{
	padding-top:10px;
}
#mobile-logo{
	float:left;
	width:88px;
	height:50px;
	display:block;
}

/* Menu */
.menu ul{
	list-style:none;
}
.menu a{
	font-family: 'Fjalla One', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:400;
	color:#2b3f47;
}
.menu a:hover{
	color:#008db3;
	-webkit-transition: ease 0.25s;
	-moz-transition: ease 0.25s;
	-o-transition: ease 0.25s;
	transition: ease 0.25s; 
}
a.active{
	color:#008db3;
}



/* Menu Normal */
#menu{
	float:right;
	margin-right:20px;
	margin-top:37px;
}
#menu li{
	display:inline;
	margin-right:45px;
}
#menu li:last-child{
	margin-right:0px;
}



/* Mobile Menu Button */
#mobile-menu-button{
	float:right;
	margin-top:6px;
	padding:2px;
	cursor:pointer;
}
#mobile-menu-button span{
	display:block;
	height:6px;
	margin:5px 0;
	background-color:#008db3;
	width:34px;
}



/* Mobile Menu  */
#mobile-menu{
	background-color:#fff;
	width:240px;
}
#mobile-menu div{
	overflow-y:auto;
	height:100%;
}
#mobile-menu ul{
	padding-top:15px;
}
#mobile-menu li{
	margin:0;
	border-bottom: 1px solid #000;
	border-color: rgba(0, 0, 0, 0.15);
}
#mobile-menu li:last-child{
	border:0;
}
#mobile-menu li a{
	width:100%;
	display:block;
	color:#2b3f47;
	padding:15px 0 15px 25px;
}
#mobile-menu li a:hover{
	color:#008db3;
	-webkit-transition: ease 0.25s;
	-moz-transition: ease 0.25s;
	-o-transition: ease 0.25s;
	transition: ease 0.25s; 
}
#mobile-menu li a.menu a.active{
	color:#008db3;
}
.cbp-spmenu {
	position: fixed;
}
.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top:70px;
}
.cbp-spmenu-right {
	right: -240px;
	padding-bottom:70px;
	-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}
.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toleft {
	left: -240px;
}
.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* Footer 1 */
#footer1{
	width:100%;
	background-color:#31444d;
	padding-top:30px;
	padding-bottom:60px;
}
#footer1 p{
	font-size:16px;
	line-height:24px;
}
#footer1 .third{
	padding-right:0;
}
#footer1 .third:first-child{
	width:40%;
}
#footer1 .third:last-child{
	width:20%;
	min-width:260px;
	float:right;
}
#footer1 h1{
	font-size:32px;
}
#footer1 .third{
	border:0px solid red;
}
#footer1 #nl-footer{
	position:relative;
}
#footer1 #nl-footer p{
	width:160px;
	padding-right:10px;
	float:left;
}
#footer1 #nl-footer p a{
	margin-top:30px;
}
#footer1 .limo3{
	position:absolute;
	top:95px;
}


/* Footer 2 */
#footer2{
	min-height:145px;
	padding-top:33px;
	padding-bottom:25px;
	width:100%;
	margin-top:5px;
	background-color: #141c20;
}
#footer2-left{
	float:left;
}
#footer2-left #fb-likes{
	border:0px solid white;
	clear:both;
	width:85px;
	height:26px;
	line-height:26px;
	margin-left:152px;	
    font-family: 'aachen_probold';
    font-size:20px;
}
#footer2-middle{
	float:left;
	margin-left:50px;
	margin-top:5px;
}
#footer2-right{
	float:right;
	margin-top:21px;
}
#footer2 a{
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
}
#footer2 .btn-big{
  	display:inline-block;
	background-color: #bb3c36;
  	font-size:25px;  	
  	height:44px;
  	line-height:44px;
  	width:241px;
  	text-align:center;
	background: url('../img/btn-bg5.png') 0 0 no-repeat;
}
#footer2-right p{
  	font-size:22px;
}
#footer2-right a{
  	font-size:16px;
  	letter-spacing:0.1em;
}

#footer3{
	width:100%;
	margin-top:3px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #141c20;
}
#footer3 p{
	font-size:12px;
}


/* Footer Links */
#footer-links{
	list-style:none;
	float:left;
	margin-right:20px;
}
#footer-links li{
	display:inline-block;
	margin-left:8px;
}
#footer-links li:first-child{
	margin-left:0px;
}

/* Yelp Rating */
#yelp-rating{
	list-style:none;
	float:left;
	margin-top:14px;
}
#yelp-rating li{
	display:inline-block;
	margin-left:3px;
}
#yelp-rating li:first-child{
	margin-left:0px;
}



/* Form Icons */
.icon-person{
	background: url('../img/icon-person.png') 0 0 no-repeat;
	background-position:left;
	padding-left:52px;
}
.icon-uhr{
	background: url('../img/icon-uhr.png') 0 0 no-repeat;
	background-position:left;
	padding-left:52px;
}
.icon-kalender{
	background: url('../img/icon-kalender.png') 0 0 no-repeat;
	background-position:left;
	padding-left:52px;
}



/* Form Elements */
input[type="text"], select, textarea{
  	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
	padding:12px 12px;
	border:1px solid #1e2a30;
	width:100%;
}
label{
	width:80%;
	min-width:280px;
	display:block;
	margin-bottom:16px;
}



/* Form Reservierung */
#reservierung{
	padding-bottom:40px;
}
#form-reservierung{
	margin-top:132px;
}
#form-reservierung label{
	float:right;
}
#btn-reservierung{
	float:right;
	padding-left:25px;
}


/* Slideshow */
#slideshow{
	position:relative;
	display:block;
	width: 100%;
	height: 100%;
	min-height:600px;
	overflow: hidden;
	text-align: center;
}
#slideshow-slides > div {
	display:none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
	background-position: center center;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index:8;
}
#slideshow-slides > div.active {
	display:block;
	z-index:10;
}
#slideshow-slides > div.last-active {
	z-index:9;
}
#slideshow-bottombar{	
  	position: absolute;
	z-index:99;
  	bottom: 0;
  	left:0;
  	text-align: center;
  	width:100%;
  	height:50px;
  	line-height:50px;
}
#slideshow-bottombar #more{
	position:absolute;
	left:62%;
  	width: 275px;
  	height:50px;
  	display:inline-block;
	background: url('../img/mehr-sehen.png') 0 0 no-repeat;
  	text-indent: -9999px;
}
.slides-caption{
	padding:0;
	margin-top:340px;
	margin-left:0px;
	text-align:left;
}
.slides-caption p{	
	font-family: 'aachen_probold';
	font-weight:normal;
	font-size:74px;
	line-height:74px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	text-align:left;
	padding-right:10px;
	padding-left:10px;
	display:inline-block;
}
.slides-caption p:first-child{	
	padding-top:6px;
}
.slides-caption p:last-child{	
	padding-top:3px;
}

/* Static top Image */
.top-slide{
	position:relative;
	line-height:0;
}
.top-slide-image{
	width:100%;
	height:400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;	
	background-position: center center;
}
.top-slide .slides-caption{
	position:absolute;
	margin-top:0;
	top:51%;
}
.top-slide .slides-caption p{
	font-size:58px;
	line-height:58px;
}

/* Mobile top slide for home */
#mobile-top-slide{
	display:none;
}


/* Sections, Articles, Text, Headlines */
section{
	width: 100%; 
	position: relative; 
	text-align:center;
}
article{
	text-align:center;
	position: relative; 
	border:0px solid red;
}



/* Article Intro */
#intro{
	padding-top:50px;
	padding-bottom:65px;
	text-align:left;
}
#intro p{
	font-style:italic;
	font-size:21px;
	line-height:32px;
	color:#1e2a30;
}

span.zitat{
	display:block;
	font-style:italic;
	font-size:12px;
	line-height:1px;
	color:#1e2a30;
	padding-top:35px;
	padding-bottom:10px;
}



/* Article Type, Text left, Image right */
.left .article-text{
	float:left;
	width:60%;
	padding-right:3%;
	text-align:left;
	border:0px solid red;
}
.left .article-image{
	float:right;
}



/* Article Type, Text right, Image left */
.right .article-text{
	float:right;
	width:60%;
	padding-left:3%;
	text-align:left;
	border:0px solid red;
}
.right .article-image{
	float:left;
}



/* Normal Section Text */
.text{
	font-size:16px;
	line-height:24px;
}



/* Section */
.white,
.blue1,
.blue2{
	padding-top:10px;
}

/* Section White */
.white h1, .white h2, .white h3{
	color:#31444d;
}
.white p{
	color:#1e2a30;
}

/* Section Blue 1 */
.blue1{
	background-color:#242f44;
}

/* Section Blue 2 */
.blue2{
	background-color:#008db3;
}

/* Section for static pages */
.static{
	padding-bottom:50px;
}
.static .container{
	text-align:left;
}



/* Speisekarte */
.tabs{
	width:100%;
	display:inline-block;
	background-color:#fff;
	padding-top:20px;
}
.tab-links:after{
	display:block;
	clear:both;
	content:'';
}
.tab-links li{
	margin:10px 0px 0 10px;
	float:left;
	list-style:none;
}
.tab-links a{
	padding:10px 10px;
	display:inline-block;
	background-color:#fff;
	font-size:18px;
	font-weight:600;
	color:#008db3;
	transition:all linear 0.15s;
}
.tab-links a:hover{
	text-decoration:none;
}
li.tab-active a, li.tab-active a:hover{
	background-color:#008db3;
	color:#fff;
}
.tab-content{
	padding:25px;
	background-color:#008db3;
}
.tab{
	display:none;
}
.tab.tab-active{
	display:block;
}
.accordion{
	margin-bottom:40px;
}
.accordion-content{
	margin-top:20px;
	background-color:#fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.accordion-content .tabs{
	display:none;
}
.accordion-content .tabs.wochenkarte p.text{
    padding:10px 25px 30px;
}
.accordion-header{
	background-color:#242f44;
	color:#fff;
	padding:25px;
	margin:0;
	cursor:pointer;
}
.one-product{
	padding:0 5px 15px 5px;
	margin-bottom:15px;
	border-bottom:1px dotted #fff;
	font-size:16px;
	line-height:24px;
}
.tab .one-product:last-child{
	margin-bottom:0px;
	border-bottom:0px;
}
.tabs.wochenkarte .tab-content .one-product:last-child{
	margin-bottom:0px;
	border-bottom:0px;
}
.white #speisekarte p{
	color:#fff;
}
.white #speisekarte p.text{
	color: #1E2A30;
}
.product-price{
	float:right;
	text-align:right;
	margin-left:20px;
	line-height:18px;
	border:0px solid red;
}
.product-title{
	font-weight:bold;
	font-size:18px;
	padding-bottom:1px;
	border:0px solid red;
}
.product-zutaten{
	font-style:italic;
	font-size:13px;
	line-height:17px;
	padding-right:150px;
	border:0px solid red;
}

/* Slider Image Banner */
#scroller-container{
	width:100%;
	height: 320px;
	overflow:hidden;
}
#scroller{
	width:100%;
	height: 320px;
	overflow:hidden;
}

#googlemap{
	height:410px;
	width:100%;
	position: relative; 
	overflow: hidden;
}
#googlemap img {
    	max-width: none;
}
#googlemapinfo{
	height:110px;
}
#googlemapinfo-image{
	float:left;
	margin-top:3px;
	margin-right:20px;
	height:90px;
}
#googlemapinfo-address{
	margin:0;
	padding:0;
	width:330px;
}
#googlemapinfo-address p{
	text-align:left;
}


/* Gallery Impressionen */
#gallery-container{
	width:100%;
	min-height:400px;	
	border:0px solid red;
	text-align:center;
	background-color:#000;
}
.gallery-item{
    	opacity:0; 
}
.gallery-item img{
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:bottom;
}


/* Layer */
#custom-layer,
#custom-layer1,
#custom-layer2,
#custom-layer3{
	display:none;
}
.custom-layer div{
	min-height:280px;
	border:3px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:22px 26px 20px 30px;
	background-color:#fff;
	background-image: url('../img/layer-bg-custom.png');
	background-position: bottom center;
	background-repeat:no-repeat;
}
.custom-layer h1{
	font-size:24px;
	color:#000;
	font-family:aachen_probold;
	margin:0;
	padding:0 0 8px 0;	
	line-height:28px;
}
.custom-layer p{
	font-size:16px;
	padding-top:12px;
	color:#000;
}
#close-layer{
    position: absolute;
    display:inline-block;
    height: 43px;
    width: 62px;
    right: 0px;
    top:-32px; 	
    padding-top:6px;
    text-align:center;
    color:#000;
	font-family:aachen_probold;
	background:#fff;
	font-size:36px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;    	
}


#nl-layer{
	display:none;
	width: 700px;
	height: 474px;
}
.nl-layer-content{
	margin:80px 40px 0 0;
	background-color:#fcf0e5;
	border:3px solid #000;
	height:442px;
	width:661px;
	padding:54px 26px 0 26px;
}
.nl-layer-text{
	border:0px solid red;
	width:360px;
	color:#000;
	font-size:18px;
	letter-spacing:0;	
}
.nl-layer-footer{
	width:430px;
	border:0px solid red;
}
.nl-layer-footer p{
	letter-spacing:0;	
	color:#9c9e9f;
	font-size:14px;
	line-height:22px;
}
.nl-layer-footer a{
	color:#646566;
	text-decoration:underline;
}
.nl-mobile-datenschutz{
	position:absolute;
	bottom:20px;
	display:none;
	font-size:14px;
	line-height:22px;
	letter-spacing:0;	
	color:#646566;
	text-decoration:underline;
}
#nl-layer h1{
	font-size:60px;
	color:#000;
	font-family:aachen_probold;
	margin:0;
	padding:0 0 20px 0;	
	letter-spacing:0;
}
#nl-layer .limo{
    position: absolute;
    top:0;
    right:0;
	width:304px;
	height:554px;
	z-index:10;
}
#nl-layer-close{
    position: absolute;
    display:inline-block;
    height: 40px;
    width: 40px;
    right: 5px;
    top:48px; 
    text-align:center;
    color:#fef2e8;
	font-weight:bold;
	font-size:35px;
	z-index:11;
	text-align:right;    	
}
.nl-form{
	margin-top:25px;
	margin-bottom:70px;
}
.nl-form label{
	width:100%;
}
.nl-email{
	background-color:#fcf0e5;
}
#nl-layer .nl-email{
	border:2px solid #148db1;
}
#nl-form-layer .nl-layer-msg{
	font-size:17px;
}
#nl-form-page .nl-layer-msg span{
	display:block;
}



/* Newsletter Landingpage */
#landingpage-newsletter h1{
	padding-top:35px;
	padding-bottom:12px;
}
#landingpage-newsletter .nl-form{
	margin-top:20px;
	margin-bottom:50px;
}
#landingpage-newsletter .nl-form label{
	width:360px;
}
#landingpage-newsletter .nl-email{
	background-color:#fff;	
	border:2px solid #148db1;
}
#landingpage-newsletter .nl-layer-footer{
	width:430px;
	border:0px solid red;
}
#landingpage-newsletter .nl-layer-footer p{
	letter-spacing:0;	
	color:#646566;
	font-size:14px;
	line-height:22px;
}
#landingpage-newsletter .nl-layer-footer a{
	color:#9c9e9f;
	text-decoration:underline;
}
#landingpage-newsletter .nl-layer-msg{
	border:0px solid red;
}
.limo2{
	margin-top:20px;
	margin-bottom:20px;
}



/* Gutschein */
.btn-gutschein{
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
  	display:inline-block;
	background-color: #bb3c36;
  	font-size:25px;  	
  	height:44px;
  	line-height:44px;
  	width:241px;
  	text-align:center;
	background: url('../img/btn-bg5.png') 0 0 no-repeat;
	margin-top:30px;
	margin-bottom:30px;
}




/* Image Scroller */
#makeMeScrollable{
	width:100%;
	height: 320px;
	position: relative;
}
#makeMeScrollable div.scrollableArea img{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/* Media Queries */

@media screen and (max-width: 1040px){

	#menu{
		margin-right:0px;
	}
	#menu li{
		margin-right:40px;
	}
	#footer2-middle{
		margin-left:15px;
	}
	
	#footer1 .third{
		border:0px solid red;
	}
	#footer1 .third:first-child{
		width:38%;
	}
	#footer1 .limo3{
		top:115px;
		height:200px;
	}
	#landingpage-newsletter .left .article-text{
		width:65%;
	}
	#landingpage-newsletter .article-image{
		max-width:32%;
	}
	#landingpage-newsletter .nl-form{
		margin-bottom:20px;
	}
	#landingpage-newsletter .nl-layer-footer{
		margin-bottom:20px;
	}

}

@media screen and (max-width: 996px){
	
	#header, #header-bg{
		height:100px;
	}
	#logo{
		width:120px;
		height:69px;
	}
	#menu{
		margin-top:27px;
	}
	#menu li{
		margin-right:30px;
	}
	h1{
		font-size:30px;
		padding-top:20px;
		padding-bottom:15px;
	}
	#more1, #more3{
		right:410px;
	}
	.slides-caption p{
		font-size:64px;
		line-height:64px;
	}
	.top-slide .slides-caption p{
		font-size:44px;
		line-height:44px;
	}
	#intro{
		padding-top:30px;
		padding-bottom:45px;
	}
	.text{
		line-height:23px;
	}
	.article-image{
		width:30%;
	}
	#form-reservierung{
		margin-top:70px;
	}	
	#footer2-left{
		width:65%;
		text-align:left;
	}
	#footer2-left #fb-likes{
		text-align:center;	
	}
	#footer2-middle{
		width:35%;
		text-align:right;
		margin-left:0;
	}
	#footer2-right{
		float:none;
		clear:both;
		padding-top:25px;
	}	
	#footer1 .third, #footer1 #nl-footer{
		width:50%;
	}
	#footer1 #nl-footer{
		padding-bottom:20px;
	}
	#footer1 #nl-footer .limo3{
		float:left;
		top:0;
		right:0;
		height:180px;
		position:relative;
	}
	#footer1 .third:last-child{
		width:100%;
		float:none;
		clear:left;
	}
	#landingpage-newsletter h1{
		padding-top:20px;
	}
	#landingpage-newsletter .nl-form{
		margin-top:25px;
	}

	
}

@media screen and (max-width: 950px){

	#reservierung .third{
		width:50%;
		padding-right:0;
		text-align:left;
	}
	#reservierung .third:last-child{
		width:100%;
	}
	#form-reservierung{
		margin-top:40px;
	}
	#form-reservierung label{
		float:left;
		min-width:32%;
		width:auto;
		margin-left:2%;
	}
	#form-reservierung label:first-child{
		margin-left:0;
	}
	#landingpage-newsletter .nl-form{
		margin-top:20px;
		margin-bottom:30px;
	}

}

@media screen and (max-width: 910px){

	#menu{
		border:0px solid red;
	}
	#menu li{
		margin-right:20px;
	}
	h1{
		padding-top:35px;
		padding-bottom:22px;
	}
	#more1, #more2, #more3{
		right:40px;
	}	
	.left, .right{
		overflow:hidden;
		line-height:0;
	}
	.left .article-text,
	.right .article-text{
		float:none;
		width:100%;
		padding:0;
		padding-bottom:20px;
	}
	.left .article-image,
	.right .article-image{
		float:none;
		width:60%;
	}
	#footer1{
		padding-top:20px;
		padding-bottom:40px;
	}
	#landingpage-newsletter .left .article-text{
		float:left;
		width:65%;
	}
	#landingpage-newsletter .article-image{
		max-width:32%;
	}
	
}	

@media screen and (max-width: 850px){
	
	#header{
		display:none;
	}
	#header-bg{
		visibility:hidden;
		height:0;
	}
	#mobile-header{
		display:block;
	}	
	#slideshow{
		display:none;
	}
	#mobile-top-slide{
		display:block;
	}
	.top-slide .slides-caption p{
		font-size:40px;
		line-height:40px;
	}
	.container{
		padding-left:10px;
		padding-right:10px;
	}
	.left .article-image,
	.right .article-image{
		width:60%;
	}
	#intro{
		padding-top:15px;
		padding-bottom:25px;
	}
	#intro p{
		font-size:17px;
		line-height:24px;
	}
	#more1, #more2, #more3{
		right:10px;
	}	
	#form-reservierung{
		width:80%;
	}
	#form-reservierung label{
		float:none;
		width:100%;
		margin-left:0;
	}	
	#footer2-left, #footer2-middle, #footer2-right{
		width:100%;
		text-align:left;
	}	
	#footer2-middle{
		padding-top:30px;
	}	
	#footer1 .third,
	#footer1 #nl-footer,
	#footer1 .third:first-child,
	#footer1 .third:last-child{
		width:100%;
		float:none;
	}
	#footer1 #nl-footer{
		padding-bottom:0;
	}
	#footer1 #nl-footer p{
		float:none;
		width:300px;
		max-width:auto;
	}
	#footer1 #nl-footer p a{
		margin-top:20px;
		display:block;
	}
	#footer1 #nl-footer .limo3{
		display:none;
	}
	.tel-link span{
		display:none;
	}
	.tel-link a{
		display:inline-block;
	}
	#nl-layer{
		width:auto;
		max-width: 480px;
		height: 525px;
		border:0px solid red;
	}
	.nl-layer-content{
		margin:44px 0 0;
		background-color:#fcf0e5;
		border:3px solid #000;
		height: 521px;
		max-width:428px;
		padding:44px 26px 0 26px;
	}
	.nl-layer-text{
		border:0px solid red;
		width:360px;
		color:#000;
		font-size:18px;
		letter-spacing:0;	
	}
	.nl-layer-footer{
		max-width:230px;
	}
	.nl-layer-footer p{
		font-size:14px;
		line-height:22px;
	}
	#nl-layer .nl-form{
		margin-bottom:90px;
	}
	#nl-layer h1{
		font-size:60px;
	}
	#nl-layer .limo{
		right:20px;
		top:285px;
		width:auto;
		height:268px;
	}
	#nl-layer-close{
		right: 0;
		top:0; 
		font-size:35px; 	
	}
	#landingpage-newsletter .article-image{
		width:60%;
	}
	#landingpage-newsletter .nl-layer-footer{
		max-width:100%;
	}
	
}

@media screen and (max-width: 700px){
	
	.half, .third{
		padding-right:0;
		min-width:100%;
	}
	.half, .third, input[type="text"]{
		width:100%;
	}
	.half:first-child, .third:first-child{
		padding-bottom:35px;
	}	
	#footer1 .third{
		padding-bottom:35px;	
	}
	.top-slide .slides-caption p{
		font-size:36px;
		line-height:36px;
	}
	.product-zutaten{
		padding-right:0px;
		padding-bottom:20px;
		border:0px solid red;
	}	
	.custom-layer div{
		padding:20px;
	}
	.custom-layer h1{
		font-size:20px;
		line-height:24px;
	}	
	.custom-layer p{
		font-size:16px;
		line-height:22px;
	}
	#landingpage-newsletter .left .article-text{
		float:none;
		width:100%;
	}
	#landingpage-newsletter .article-image{
		max-width:50%;
	}
	#landingpage-newsletter .nl-form label,
	#landingpage-newsletter .nl-layer-footer,	
	#landingpage-newsletter .text{
		width:85%;
	}
	#landingpage-newsletter .nl-layer-footer p,
	#nl-form-page .nl-layer-msg span{
		display:inline;
	}
}

@media screen and (max-width: 480px){
	
	.top-slide .slides-caption p{
		font-size:28px;
		line-height:28px;
	}
	.left .article-image,
	.right .article-image{		
		width:70%;
	}
	#googlemapinfo-image{
		display:none;
	}
	#googlemapinfo-address{
		width:220px;
	}	
	#footer2-left, #footer2-middle, #footer2-right{
		text-align:center;
	}
	#footer-links{
		margin:0;
		float:none;
	}
	#yelp-rating, #fb-likes{
		display:none;
	}
	#nl-layer{
		width:auto;
		max-width: 340px;
		height: 485px;
		border:0px solid red;
	}
	.nl-layer-content{
		margin:38px 0 0;
		background-color:#fcf0e5;
		border:3px solid #000;
		height: 485px;
		max-width:320px;
		padding:15px 10px 0 10px;
	}
	.nl-layer-text{
		border:0px solid red;
		width:300px;
		color:#000;
		font-size:15px;
		letter-spacing:0;	
	}
	#nl-form-layer .nl-layer-msg{
		font-size:16px;
	}
	#nl-layer .nl-layer-footer{
		display:none;
	}
	#nl-layer .nl-form{
		margin-bottom:200px;
	}
	.nl-mobile-datenschutz{
		display:block;
	}
	#nl-layer h1{
		font-size:48px;
		padding-top:10px;
	}
	#nl-layer .nl-email{
		width:296px;
	}
	#nl-layer .limo{
		right:10px;
		top:260px;
		width:auto;
		height:250px;
	}
	#nl-layer-close{
		right: 0;
		top:0; 
		font-size:30px; 	
	}
	#landingpage-newsletter .nl-form .nl-email{
		width:100%;
	}
	#landingpage-newsletter .nl-layer-footer{
		display:block;
	}
	
}

@media screen and (max-width: 400px){
	
	h1{
		font-size:26px;
	}
	h2{
		font-size:20px;
		padding-top:30px;
		padding-bottom:20px;
	}
	h3{
		font-size:18px;
		padding-top:28px;
		padding-bottom:16px;
	}
	.top-slide .slides-caption p{
		font-size:26px;
		line-height:26px;
	}
	.custom-layer div{
		padding:15px;
	}
	.custom-layer h1{
		font-size:18px;
		line-height:22px;
	}	
	.custom-layer p{
		font-size:15px;
		line-height:20px;
	}
	
}