body
{
	font-family: Jost;
	margin: 0;
	width:100%;
	height:100%;
	color:#555;
	background:url("img/bg.png");
	font-size:18px;
}
.div-btn-mobile{display:none;}
main{margin-top:-26px;}

@media screen and (min-width:1385px){
	footer .container, .container{width:1400px;}
}
#googlemaps{min-height:100%; height:100%; padding: 30px;}
.btn-gmap{margin-bottom:5px;}
.gmapcanvas{text-align:center; min-height:100%;}
.dreieck-oben{margin:-50px auto 0 auto; width: 0px;height: 0px;-webkit-transform:rotate(360deg);
	border-style: solid;border-width: 0 450px 50px 450px;border-color: #f5f5dc transparent #f5f5dc transparent;}
.dreieck-unten{margin:0; width: 0px;height: 0px;-webkit-transform:rotate(360deg);border-style: solid;border-width: 50px 450px 0 450px;border-color: #f5f5dc transparent transparent transparent;position: absolute;left:calc(50% - 450px);}
.linkTelSmall{color:#555555;}
.linkTelSmallColor{color:#111111;}
.linkTelbigWhite{color:#ffffff; font-size:24px;}
.linkTelbigColor{color:#111111; font-size:24px;}
.modal-title{float:left;}
.modal-header{background:#111111;color:#ffffff;}
.modal-header .close{color:#fff;}
h1, h2, h3{font-family: 'Caesar Dressing', serif;}
.h1, h1{font-size:48px;}
.h2, h2{font-size:44px; color:#111111; font-weight: 700;}
.col-center{float: none;margin: 0 auto;}
.gold{color:#fff; font-size:40px; font-family: 'Caesar Dressing';}
header{background:#5b3a29; padding:4px 0; box-shadow:1px -1px 10px 1px rgba(0,0,0,0.5);}
.header-border{padding-top:16px; padding-bottom:12px;}
.nopadd{padding:0;}
.glyphicon{margin-right:10px;}
.bgwhite{background:#fff;}
.carousel-control{width:10%;}

.btn-speisekarte{margin:0 auto 30px auto;}
.restaurant-icon{width:13%; fill:#fff; margin: 0 auto;}
.cont-box-marg{margin-top:15px;}
.area textarea{min-height:160px;}
/*NAVI*/

.navigation-nav{background:transparent; border:0; margin-top:10px; margin-bottom:0;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{color:#ffffff; font-size:22px; padding-left:18px; padding-right:18px; font-family: "Caesar Dressing";}

.navbar-default .navbar-nav > li > a:hover, #active-link{border-bottom:2px solid #d5a749; color:#d5a749;}
#navigation{float:right;}
.logo img{margin-bottom:0; max-width:185px;}
.logo a{padding:0;}

.secpadd{padding: 80px 0;}

.startcarousel {
    height: 100vh;
    width: 100%;
    overflow:hidden;
}

.startcarousel .carousel-inner img {
    display:block;
    object-fit: cover;
}

.btn-navi{font-size: 14px;background: #999999;color: #fff;text-align: center;float: right;border-radius: 32px;padding: 10px 15px;line-height: 1.3; position: absolute; right:20px; top:100px;}
.btn-navi:hover{background: #c0891c;color: #fff;text-decoration: none;}
.pulse {
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

.box-pic-left{margin-left:-80px;}
.bg-black{background:#111111;}
.zitat{color:#fff; padding: 60px 0; font-family: 'Dancing Script'; font-size: 40px;}
.carousel a[href^="tel:"], #offen a[href^="tel:"] {color:#fff;}
.carousel-h{color:#fafafa; text-align:center; text-shadow: 1px 1px 10px #000;}
.carousel-h h1{ font-size:60px; font-weight:normal; text-shadow: 1px 1px 10px #000; font-family: 'Caesar Dressing', serif;}
.carousel-h h1 span{font-size:56px; font-weight:normal; text-shadow: 1px 1px 10px #000; font-family: 'Caesar Dressing', serif;}
.vertical-align{ position: absolute; top: calc(50% - 50px); left:50%; transform: translate(-50%,-50%); max-width:1200px; width:100%;}
.tel-caption .glyphicon{margin-right:10px; font-size:30px;}
.btn-beige{background:#5b3a29; color: #fff; margin: 0 auto; min-width: 150px; padding: 10px 20px; text-shadow: none; border-radius:30px; font-size: 18px;}
.btn-beige:hover{background:#333333; color: #fff;}
.btn-beige .glyphicon{font-size:16px!important;}
.btn-rot{background:#F2962A; color: #fff; margin: 0 auto; min-width: 200px; padding: 10px 20px; text-shadow: none; border-radius:30px; font-size: 18px;}
.carousel .btn-beige{margin-top:20px;}
.caption-sm{font-size:28px;}
.caption-xl{font-size:48px;}

.startcarousel .carousel-inner > .item > a > img, .startcarousel .carousel-inner > .item > img, .startcarousel .thumbnail a > img, .startcarousel .thumbnail > img{max-width:none;}
.stratcarousel .carousel-item{position:relative;}
.col-bild, .col-text{padding:0;}
.col-bild img{max-height:650px; max-width:750px; height:100%; width:100%;border-radius:70px;}
.col-bild-2 img{margin-top: 100px;border-radius:70px;}
.cont-box-left{margin-left:-400px; background:#fff; padding:30px 40px; margin-top:calc(50% - 220px);}
.cont-box-left-neu{padding:30px 80px;}
.h2big{ margin-top:15px; font-family: 'Caesar Dressing', serif; color:#111111; margin-bottom:0; font-size:54px;  text-transform: uppercase; font-weight: normal;}
.h3big{ margin-top:0; font-family: 'Jost', sans-serif; margin-bottom:30px; font-size:36px; letter-spacing: 2px; text-transform: uppercase; color:#111111;font-weight: normal;}
.cont-box{background:#fff; padding:30px 40px;}
.cont-kontakt p{margin-bottom:20px;}
.outlinepic{outline: 2px solid #fff;  outline-offset: -18px; padding: 0;}
/*PARALLAX*/

.sec .overlay{
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 17%,rgba(0,0,0,0.4) 35%,rgba(0,0,0,0.4) 62%,rgba(0,0,0,0.6) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	padding: 100px 0;
	background-attachment: fixed;
}

.black-overlay{
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 17%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.4) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 17%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.4) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 17%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.4) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 17%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.4) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 17%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.4) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	
}

#offen{background: url('img/slider-8.jpg'); background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat; 
	font-size:28px; color:#fff;
}

#gaestebuch .overlay, #speisekarte .overlay, #anfahrt-kontakt .overlay, #galerie .overlay{padding-bottom:80px; padding-top:120px;}

#gaestebuch{background: url('img/slider-8.jpg'); background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}
#speisekarte{background: url('img/slider-8.jpg'); background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}
#anfahrt-kontakt{background: url('img/slider-8.jpg'); background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}
#galerie{background: url('img/slider-8.jpg'); background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}

/*.galerie{overflow:hidden;margin-bottom: 15px; margin-top: 15px;}
.galerie img {transform: scale(1);transition: all 0.3s ease-in-out 0s;}
.galerie img:hover{transform: scale(1.2);}*/

.galerie img{width:450px; height:600px;}
.polaroid-images a
{
	background: white;
	display: inline;
	float: left;
	margin-bottom: 30px;
	padding:0;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
    position:relative;
}

.polaroid-images a:hover{
	-webkit-transform: rotate(5deg); 
	-moz-transform: rotate(5deg);
    transform: rotate(5deg);
	-webkit-transform0: scale(1.1); 
	-moz-transform0: scale(1.1);
        transform0: scale(1.1);
	z-index:10;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
        box-shadow: 0 10px 20px rgba(0,0,0,.7);
	background: #000;
}


#offen h3{font-size:40px; color: #ffffff; font-family: 'Caesar Dressing';}
#offen .glyphicon{margin-right:10px;}

.google-maps {height: 0; overflow: hidden; padding-bottom: 60%; position: relative;}

.google-maps iframe { height: 100%;left: 0;position: absolute;top: 0; width: 100%;}

.social-footer i{text-shadow: none;
    color: #fff;
    padding: 12px 8px 8px 8px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    border-radius: 60px;
    margin: 0 5px 0 5px;}

.social-footer i:hover{opacity:0.8;}

.social-footer{margin-top:20px; margin-bottom: 20px; }

.fa-facebook-f{background:#3e5a9b; color: #ffffff;}
.fa-instagram{background:#e24551; color: #ffffff;}
.fa-tripadvisor{background:#35e0a1; color: #FFECEC;}

.comment-h {
    color: #111111;
    font-size: 18px;
    font-weight: 800;
}
.comment-h span {
    font-size: 12px;
    font-weight: 400;
}
.comment p {
    font-size: 16px;
    margin: 0;
}

.comment {
    border-bottom: 2px dotted #ececec;
    padding: 15px 0;
}


footer{background:#5b3a29; padding:5px 0; color:#fff;}
footer a{color:#fff;}
footer a:hover{color:#999999;}
footer .header-border{padding:40px 0;}

.hm {
    font-size: 10px;
	text-align:right;
}

.hm img {
    margin-left: 3px;
    margin-top: -16px;
    max-width: 160px;
    opacity: 1;
}

.hm img:hover {
    opacity: 0.7;
}


/*POP UP*/
#bg_pop {
    background: rgba(0, 0, 0, 0) url("img/bg_pop.png") repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 6000;
}
#bg_pop p {
    padding: 15px;
}
#bg_pop_news {
    background: rgba(0, 0, 0, 0) url("img/bg_pop.png") repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 6000;
}
#bg_pop_news #email_box {
    margin-left: -275px;
    max-width: 550px;
    width: 100%;
}
#bg_pop_news .container {
    max-width: 550px;
    padding-bottom: 15px;
}
#email_box {
    background-color: #fff;
    display: block;
    left: 50%;
    margin-left: -187px;
    margin-top: -90px;
    position: absolute;
    top: 25%;
    width: 375px;
}
#email_box a {
    color: #fff;
}
#email_box_top {
    background-color: #75b934;
    color: #fff;
    display: block;
    padding: 20px;
    text-align: center;
    width: 100%;
}
#email_box_top_red {
    background-color: #aa0b31;
    color: #fff;
    display: block;
    padding: 20px;
    text-align: center;
    width: 100%;
}
#email_box_top_news {
    background-color: #aa0b31;
    color: #fff;
    display: block;
    padding: 15px 20px;
    text-align: center;
    width: 100%;
}
#bg_pop h3, #bg_pop_news h3 {
    color: #780004;
    font-weight: 700;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
#news {
    font-family: Montserrat;
    font-size: 30px;
    line-height: 1;
    text-align: left;
}
#success_icon {
    float: left;
}
#success_h {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}
#success_x {
    cursor: pointer;
    float: right;
    font-size: 24px;
}
#weiter_btn_paddtop {
    padding-top: 105px;
    text-align: center;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



@media screen and (min-width:992px) and (max-width:1200px) {
	.cont-box-left{margin-left:0; margin-top:0;}
	header .container{width:100%;}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{padding-left:10px; padding-right: 10px;}
	.box-pic-left{margin:0; position: absolute; right: 0; max-width: 280px;}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.index{padding:0;}
	.box-pic-left{display: none;}
	.logo img{max-width:120px; margin:10px auto;}	
	#navigation, .navbar-nav{float:none;}
	.mednav{margin:0 auto; width:100%;}
	.cont-box-left{margin-left:0; margin-top:0;}
	.startcarousel .carousel-inner img{max-width:1300px!important;}
	.carousel-h h1{font-size:45px;}
	.caption-xl, .tel-caption .glyphicon {font-size:40px;}
	.vertical-align{top:52%;}
	.navbar-default .navbar-nav > li > a:hover, #active-link, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{padding-left:13px; padding-right:13px;}
	#gaestebuch .overlay, #speisekarte .overlay, #anfahrt-kontakt .overlay, #galerie .overlay{padding-bottom:40px; padding-top:140px;}
	header .container{width:100%;}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{padding-left:13px; padding-right: 13px; font-size:17px;}
	.logo img{max-width:130px;}
	#navigation, .navbar-nav{float:right;}
	.btn-navi{top:-27px;font-size:12px;}
	.dreieck-oben{border-width: 0 250px 20px 250px;margin: -20px auto 0 auto;}
	.dreieck-unten{border-width: 20px 250px 0 250px;left:calc(50% - 250px);}
	.carousel-h h1 span{font-size:50px;}
}

@media screen and (max-width:767px) {
	.navbar-default .navbar-nav > li > a:hover, #active-link{border-bottom:2px solid #ffffff; color:#ffffff; }
	.box-pic-left{display: none;}
	.cont-box-left{margin-left:0; margin-top:0;}
	main .container .row{margin:0 15px;}
	.form-group .row{margin:0 -15px!important;}
	.zahl{margin-top:15px;}
	.logo img{max-width:300px; margin:10px auto;}
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:transparent; border:0; color:#ffffff; padding:0;}
	.menubtn{float:left; padding-right:15px; margin-top:-3px; font-size: 16px;}
	.navbar-default .navbar-toggle .icon-bar{margin-left:50px; background-color:#ffffff;}
	.navbar{min-height:inherit;}
	#navigation, .navbar-nav{float:none;}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{text-align:right; color:#fff;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;}
	.startcarousel {min-height: 600px;}
	.carousel-h h1{font-size:50px;}
	.carousel-h h1 span{font-size:50px;}
	.caption-xl, .tel-caption .glyphicon {font-size:26px;}
	.vertical-align{top:25%;}
	.h1, h1{font-size:34px;}
	#gaestebuch .overlay, #speisekarte .overlay, #anfahrt-kontakt .overlay, #galerie .overlay{padding-bottom:40px; padding-top:25px;}
	.header-border{paddin-g-bottom:4px; padding-top: 0;}
	.hm{text-align: center; margin-top: 30px;}
	.logo img{max-width:240px;}
	.btn-navi{top:45px;}
	.navbar-nav>li>a{padding-top:13px; padding-bottom: 13px;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:360px;}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{font-size:20px;}
	.logo a{position:static; outline:none; background: transparent; padding:15px;}
	.logo img{max-width: 250px; margin: 0 auto;}
	.navbar-fixed-top{position:static!important;margin-top:-23px; box-shadow: none;}
	main{margin-top:0;}
	.dreieck-oben{border-width: 0 150px 20px 150px;margin: -20px auto 0 auto;}
	.dreieck-unten{border-width: 20px 150px 0 150px;left:calc(50% - 150px);}
	header{background:#ffffff;}
	.mobilenav{padding:0;background:#111111;}
	.navbar{padding: 6px 10px 3px 10px;}
	.navbar-fixed-top, .header-border{padding-bottom:0;border:0;}
	.galerie img{height:auto;}
	
	/* NEU BTN */
	.div-btn-mobile{position:fixed; bottom: 25px; right:25px; display: block;}
	.btn-mobile{background: #a01a18; border-radius:80px; font-size: 26px; padding: 10px; margin-left: 5px; float: left}
	.btn-mobile .glyphicon{margin:0;}
}

/*Iphone bis 6*/
@media screen and (max-width:543px) {
	.cont-box-left{margin-left:0; margin-top:0;}
	.carousel-h h1{font-size:50px;}
	.caption-xl, .tel-caption .glyphicon {font-size:30px;}
	.caption-sm{font-size:20px;}
	main .container .row{margin:0;}
	.cont-box-left h2{font-size:42px;}
	.vertical-align{top:20%;}
	#offen{font-size:18px;}
	.galerie img{width:auto; height:auto; max-height:300px;}
	.h1, h1{font-size:34px;}
	.col-input{padding-left:0; padding-right:0;}
	.col-bild img, .col-bild-2 img{height:auto;}
	.logo img{max-width:240px; margin:10px auto;}
	.carousel-h h1{font-size:40px;}
	.carousel-h h1 span{font-size:40px;}
	.logo img{max-width:300px;}
	.logo a{padding: 25px 15px 15px 15px;}
	#offen h3{font-size:38px;font-weight:bold;}
	.logo a{position:static; outline:none; background: transparent; padding: 15px 5px;}
	.logo img{max-width: 230px; margin: 0 auto;}
	.impressum .h2_normal{font-size:24px;}
	.h2big{font-size: 38px;}
	.gold{font-size:38px;}
	.galerie img{height:auto;max-height:100%;}
	.restaurant-icon{width:20%;}
	.cont-box-left-neu{padding:30px;}
}

/*Iphone bis 5*/
@media screen and (max-width:374px) {
	.btn-navi{top:58px; font-size:11px;}
	.logo img{max-width:230px;}
	
}



@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}