@import url(apex.css);
@import url(rte.css);
@import url(rahmen.css);
@import url(news.css);
@import url(plugins.css);
@import url(reel.css);
/* ------------------- GRUNDGERÜST ------------------- */
* {
  margin: 0px;
  padding: 0px; 
}

body{
  font-family: "ApexRoundedBook",sans-serif;
  background-color: #F8EDD9;
  font-weight: normal;
  color: #51534B;
  font-size: 17px;
  line-height: normal;
  background-color:#fff;
  background-image:url("../lay/pattern500x500px.jpg");
  background-repeat:repeat;
  background-position:0 0;
  overflow-x:hidden;
}

#responsive-video {
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}


#ContentWrapper{
  min-height: 200px;
}

#startseite #ContentWrapper{
  
}

.HeadPic .csc-textpic-imagewrap,
.HeadPic div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{
  margin:0;
  max-height:400px;
  overflow;hidden;
}

.HeadPic img{
  width: 100% !important;
  max-width: 100% !important;
  height: inherit;
}

/* ----------------------- HAUPTNAVIGATION --------------------- */
#MainNav{
  font-size: 17px;
  text-transform: uppercase;
  height: 115px;
  margin: 0px;
  border: none;
}

#MainNav ul.nav{
  padding-top: 53px;
  padding-left: 14px;
}

#MainNav ul.nav > li{
  margin-right: 25px;
}
#MainNav ul.nav > li:last-child{
  margin-right: 0;
}

#MainNav ul.nav > li > a{
  padding:0;
}

.aNavH, a.aNavH:link, a.aNavH:active, a.aNavH:visited{
  color: #4b4b3c!important;
  transition: color 0.2s linear;
}

.aNavHActive, a.aNavHActive:link, a.aNavHActive:active, a.aNavHActive:visited, a.aNavH:hover {
  color:#96BE3C!important;
  transition: color 0.2s linear;
}

a.aNavH:hover{
  margin-top:0;
}

.navbar-toggle{
  right: 0px;
  position: absolute;
  z-index:9999;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #96BE3C;
}

.navbar-default .navbar-toggle {
  border-color: #96BE3C;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #96BE3C;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{
  background-color: #fff;
}

#SubNav{
  font-size: 15px;
  text-transform: uppercase;
  margin: 0px;
  border: medium none;
  background: rgba(244, 233, 219, 0.8) none repeat scroll 0% 0%;
  padding-top: 36px;
  position: absolute;
  z-index: 99;
  width: 100%;
  padding-bottom: 27px;
  border-radius:0;
  min-height: 89px;
}

#SubNav ul{
  padding-left:360px;
}

#SubNav ul li{
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
}

#SubNav ul li a{
  color:#4B4B3C;
}

#SubNav ul li a:hover{
  color:#96BE3C;
}

#SubNav .aNavHActive, #SubNav a.aNavHActive:link, #SubNav a.aNavHActive:active, #SubNav a.aNavHActive:visited {
  color:#96BE3C!important;
  transition: color 0.2s linear;
}

#SubNav a.aNavH:hover {
  color:#96BE3C!important;
}

#SubNav .aNavH, #SubNav a.aNavH:link, #SubNav a.aNavH:active, #SubNav a.aNavH:visited{
  color: #4b4b3c;
  transition: color 0.2s linear;
}

/* ----------------------- FOOTER --------------------- */
#Footer{
  background-color: transparent;
  color: #4B4B3C;
  padding: 49px 0px 40px;
  text-transform: uppercase;
  font-size: 14px;
}

a.aFooter, a.aFooter:link, a.aFooter:active, a.aFooter:visited{
  text-decoration:none;
  color:#4b4b3c;
  padding:0 10px;
}

.col-footer-right a.aFooter, .col-footer-right a.aFooter:link, .col-footer-right a.aFooter:active, .col-footer-right a.aFooter:visited{
  padding:0 3px;
}

a.aFooter:hover {
  text-decoration:underline;
}

#toTop{
  height: 49px;
  width: 100%;
  margin: -49px auto 0;
  position: relative;
  text-align: center;
}

/* ------------------------- FORMULARE --------------------------- */
input, select, textarea{
  border: 1px solid #b4b6b9;
  background-color: #EFEFEF;
  color: #666666;
  font-size: 11px;
  padding: 2px;
  font-family:Arial,Helvetica,sans-serif;
}

legend{
  display: none;
}

fieldset, form{
  margin: 0px;
  padding: 0px;
  border: 0px none;
}

/* -------------------------- DIVERSES ---------------------------- */
/* ---- clear the new way ----- */
.clearer, .Clearer {
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

a img{
  outline: 0;
  border: 0px none;
}

.hide{
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline; 
}

hr{
  background-color:#CCCCCC;
  border:none;
  height:1px;
}

/* t3sbootstrap image width fix */
.img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
  width:inherit!important;
}

.thumbnail > img, .thumbnail a > img{
  width:100%!important;
}

.navbar-default {
  background-color: transparent;
  border-color: none;
}

.navbar-brand{
  padding: 0px;
  height: 115px;
  position: relative;
  z-index: 999;
  margin-left: 0px!important;
}

.page-header {
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}

.flipper_startpage{
  padding: 0 15px;
}

.flipper_startpage .thumbnail .caption a{
  display:block;
  color: #51534B;
}

.flipper_startpage .thumbnail .caption h3{
  font-size: 34px;
  text-transform: uppercase;
  display: inline-block;
  background: #EAE0D4;
  margin:0;
  margin-top: -27px;
  color:#4b4b3c;
  margin-bottom:29px;
}

.flipper_startpage .thumbnail {
  background-color: transparent;
  padding: 0px;
  border: 2px solid #FFA500;
  text-align: center;
  border-radius:0; 
  position:relative;
  z-index:99;
}

.col-thumb-markt .thumbnail{
  border-color:#009ca6;
}

.col-thumb-restaurant .thumbnail{
  border-color:#FFA500;
}

.col-thumb-frisch .thumbnail{
  border-color:#84BC00;
}

.col-thumb-herz .thumbnail{
  border-color:#CF451F;
}

.thumbnail .caption,
.thumbnail .caption a{
  color:#51534B;
  transition: color 0.3s linear!important;
}

.col-thumb-markt:hover .thumbnail .caption,
.col-thumb-restaurant:hover .thumbnail .caption,
.col-thumb-frisch:hover .thumbnail .caption,
.col-thumb-herz:hover .thumbnail .caption,
.col-thumb-markt:hover .thumbnail .caption a,
.col-thumb-restaurant:hover .thumbnail .caption a,
.col-thumb-frisch:hover .thumbnail .caption a,
.col-thumb-herz:hover .thumbnail .caption a{
  color:#fff;
  transition: color 0.3s linear!important;
}

.col-thumb-markt .thumb-overlay{
  background-color: #44A9B0;
}

.col-thumb-restaurant .thumb-overlay{
  background-color: #FEB228;
}

.col-thumb-frisch .thumb-overlay{
  background-color:#9ACE21;
}

.col-thumb-herz .thumb-overlay{
  background-color:#ED4F24;
}

.thumb-overlay{
  height: 0px;
  margin-top: 0;
  transition:all 0.3s linear;
  position:relative;
  top:-22px;
  z-index:1;
}

.col-thumb:hover .thumb-overlay{
  /*height: main.js;
  margin-top: main.js;*/
  transition:all 0.3s linear;
}

.flipper_startpage p.flipper_morelink{
  margin:0;
}

.flipper_startpage .thumbnail .caption{
  padding-bottom: 30px;
}

.flipper_startpage .thumbnail-image-below {
  margin-top: -60px;
  position:relative;
  z-index:99;
  text-align:center;
}

.flipper_startpage .thumbnail-image-below img{
  margin: 0px auto;
}

.flipper_startpage .thumbnail-image-below a{
  display:block;
  text-align:center;
}

.flipper_startpage .thumbnail-image-below a img{
  display:inline;
}

.thumbnail_layout_01{
  padding:0;
  border:none;
}

.thumbnail_layout_01 .caption{
  background-color: #F4E9DB;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0px 5px;
}

.thumbnail_layout_01 .caption h3{
  font-size:22px;
  margin:0;
}

.thumbnail_layout_01 .btn{
  background:transparent;
  padding:0;
  margin:0;
  border:none;
  display:block;
  max-width:100%;
  height:inherit;
}

#carousel-3 .carousel-indicators{
  display:none;
}

#carousel-3 .carousel-caption{
  background-color: #E5DDD0;
  background-color: rgba(244, 233, 219, 0.75);
  max-width: 380px;
  /*min-height: 380px;*/
  bottom: inherit;
  text-shadow: none;
  text-align: left;
  padding: 10px 30px 30px !important;
  left:20%;
  top:21%;
}

#carousel-3 .carousel-caption h3 small{
  display: block;
  font-size: 17px;
  text-transform: none;
  color: #4B4B3C;
  margin-top: 30px;
  line-height: 140%;
  margin-bottom: 20px;
}

#carousel-3 .carousel-caption p{
  font-size: 17px;
  color: #4B4B3C;
}

#carousel-3 .carousel-caption a{
  color:#96be3c;
  font-size:30px;
  font-family: "Amatic SC",cursive;
  font-weight: 700;
}

.carousel.slide .carousel-control{
  top:50%;
  top: calc(50% - 36px);
  display: inline-block;
  width: 62px;
  height: 72px;
  background-image: url("../lay/carousel_control.png");
  background-repeat: repeat;
  background-repeat: no-repeat;
  z-index:99;
  filter:none;
}

.left.carousel-control{
  background-position: left center;
}

.right.carousel-control{
  background-position: right center;
}

#c57{
  padding-top:55px;
  padding-bottom:85px;
}

#carousel-57.carousel.slide .carousel-control{
  background-image: url("../lay/carousel_control_blue.png");
}

#carousel-57 ol.carousel-indicators{
  background-image: url("../lay/bg_konzept_carouselcontrol.png");
  background-repeat: no-repeat;
  background-position: 0% 0px;
  min-height: 40px;
  padding-top: 40px;
  width: inherit;
  margin: 0 auto;
  padding-left: 50px;
  /*left:calc(50% - 177px);*/
}

#carousel-57 ol.carousel-indicators hr{
  display: block !important;
  margin: -19px 0px 0px;
  height: 2px;
  background-color: #4B4B3C;
}

#carousel-57 .carousel-indicators li{
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #4B4B3C;
  background-color: #4B4B3C;
  margin: 0 20px;
}

#carousel-57 .carousel-indicators li:first-child{
  margin-left:0;
}

#carousel-57 .carousel-indicators li:last-of-type{
  margin-right:0;
}

#carousel-57 .carousel-indicators li.active{
  width: 30px;
  height: 30px;
  border-radius:50%;
  border:1px solid #19a0b9;
  background-color:#19a0b9;
  top: 2.5px;
  position: relative;
  left: 2.5px;
}

#carousel-57 .carousel-indicators li:first-of-type.active{
  left:0;
}

#carousel-57 .carousel-caption{
  color:#4b4b3c;
  text-shadow:none;
  position:relative;
  max-width: 1200px;
  margin: 60px auto;
  left:0!important;
  right:0!important;
  text-align:left;
}

.carousel-caption table{
  width: 90%;
  margin: 0 auto;
}

.carousel-caption table td:first-child{
  padding-right:10px;
}

.carousel-caption table td:last-child{
  padding-left:10px;
}

@media (max-width: 767px) {
.carousel-caption table td{
  display:block;
  width:100%;
}
}

img.mediaobject{
  min-width:0;
}

.img-responsive.mediaobject {
  width:inherit;
}

@media (max-width: 1350px) {
#carousel-3 .carousel-caption h3{
  font-size:24px;
  margin-bottom: 10px;
}
}

/* max 1199 */
@media (max-width: 1199px) {

#MainNav{
  font-size: 15px;
}
#MainNav ul.nav > li{
  margin-right: 15px;
}

#carousel-3 .carousel-caption{
  top:26%;
  left:11%;
  padding: 10px !important;
}
#carousel-3 .carousel-caption h3 small{
  margin-top: 15px;
  margin-bottom: 5px;
}
.flipper_startpage .thumbnail .caption h3{
  font-size:28px;
}
.carousel-caption table{
  width:85%;
  margin: 0 auto;
}

}

/* max 991 */
@media (max-width: 991px) {

#MainNav{
  height:inherit;
}
.navbar-header,
.navbar-brand{
  float:none;
}
.navbar-header{
  background:#fff;
  text-align:center;
  margin-left:-19%!important;
  margin-right:-19%!important;
}
#MainNav ul.nav{
  padding:25px 0;
}

.navbar-brand{
  display:block;
  height: 150px;
  overflow: hidden;
}
.carousel-caption{
  top:5%!important;
}

.col-thumb-markt,
.col-thumb-restaurant{
  margin-bottom:42px;
}

#SubNav ul {
  padding-left: 15px;
}

}

/* max 767 */
@media (max-width: 767px) {

#carousel-3{
  display:none;
}

.navbar-brand{
  display:inline-block;
}

#MainNav ul.nav {
  padding: 0;
  margin:0;
}

#MainNav .navbar-collapse {
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 -30px;
}

#MainNav ul.nav > li {
  margin-right: 0;
}
#MainNav ul.nav > li > a {
  font-size: 19px;
  border-bottom: 1px solid #fff;
  padding: 15px 10px 9px;
}

.col-thumb-markt,
.col-thumb-restaurant,
.col-thumb-frisch{
  margin-bottom:42px;
}

#c46{
  text-align:left;
}

#Footer .col-footer-left,
#Footer .col-footer-right{
  text-align:center;
}

#Footer .col-footer-left{
  margin-bottom:10px;
}

.aNavHActive, a.aNavHActive:link, a.aNavHActive:active, a.aNavHActive:visited, a.aNavH:hover{
  margin-top:0!important;
}

}

@media (max-width: 420px){
.thumbnail_layout_01 .caption h3 {
  font-size: 18px;
}
}

#cboxOverlay{
  display:none;
}

@media (min-width: 767px){
.col-md-0{
  display:none;
}
}


@media (min-width: 1199px){
#c128{
  margin-top: 0;
  margin-bottom: 0;
}
}

/* Limonade */
#c128 .csc-textpic-image{
  background-image:url("../lay/limonade_voll.png");
  background-repeat:no-repeat;
  background-position:center 128px;
}

/* Störer */
#Stoerer{
  /*display:none;*/
}

#Stoerer #c327{
  background-image: url("../lay/bg_stoerer.png");
  position: absolute;
  top: -80px;
  right: 15%;
  z-index: 100;
  background-repeat: no-repeat;
  width: 300px;
  font-size: 14px;
  color: rgb(255, 255, 255);
  padding: 130px 22px 0px 7px;
  background-size: 100% auto;
  height: 325px;
  text-align: center;
  background-position: center center;
}

#Stoerer #c327 h2{
  font-size: 23px;
  color: #FFF;
  padding: 5px 0px 10px;
  margin: 0;
}

#Stoerer #c327 p{
  padding: 3px 0px 10px;
  margin: 0;
}

@media(max-width: 1570px) and (min-width: 1320px){
#Stoerer #c327{
  right: 5%;
}
}

@media(max-width: 1320px){
#Stoerer #c327{
  right: 0%;
}
}

@media(max-width: 1140px){
#Stoerer #c327{
  top:120px;
}
#startseite #Stoerer #c237{
  top:0;
}
}

@media(max-width: 465px){
#Stoerer #c327{
  padding: 0px;
  background: #84bd00;
  position: static;
  width: 100%;
  height: inherit;
}
}

@media(max-width: 991px){
#startseite #Stoerer #c327{
  padding: 0px;
  background: #84bd00;
  position: static;
  width: 100%;
  height: inherit;
}
}



/* Anpassungen Restaurantseite */
body#restaurant #c571 table,
body#restaurant #c578 table{
  border-top: 1px solid #FFB428;
}

body#restaurant #c578 table table{
  border:0;
}

body#restaurant #c578 table td,
body#restaurant #c571 table td{
  vertical-align:top;
  padding:5px 15px;
  line-height:140%;
  border:none;
  border-right:1px solid #FFB428;
}

body#restaurant #c578 table td:nth-child(odd){
  border:0;
}
body#restaurant #c578 table table td:nth-child(even){
  border-right:1px solid #FFB428;
}

body#restaurant #c578 table th,
body#restaurant #c571 table th{
  font-size: 26px;
  text-transform: uppercase;
  color: #4B4B3C;
  line-height: 115%;
  font-weight: 500;
  vertical-align:top;
  padding:15px 15px 5px;
  border:none;
  border-right:1px solid #FFB428;
}


body#restaurant #c576 .news-list-title{
  font-size: 24px;
}

@media(max-width:767px){
body#restaurant #c571 table td{
  vertical-align:top;
  padding:5px;
  line-height:140%;
}


body#restaurant .bgWhite {
  padding-top: 25px;
  padding-bottom: 25px;
}
body#restaurant #c104{
  background: none !important;
}
body#restaurant #c177{
  padding-bottom: 80px;
}
#restaurant .news-list-title {
  float: none;
  display: block;
  max-width: 100%;
  line-height: 140%;
  font-size: 22px;
}
#restaurant .news-list-price {
  float: none;
  top: 0;
  position: static;
  margin: 15px 0;
}
body#restaurant .NewsBlock{
  padding: 0 15px 15px;
  margin-bottom: 0;
  margin-top: 20px;
}
body#restaurant .NewsBlock .news-list-item{
  margin-bottom:20px;
}
body#restaurant .NewsBlock > .row > div[class*="col-"]{
  height:auto!important;
}
body#restaurant .NewsBlock > .row > div[class*="col-"] > div[class*="csc-space"]{
  margin:0!important;
}

body.subpage #ContentWrapper h1{
  font-size: 50px;
}
h3{
  font-size: 26px;
}
}

body#restaurant #c409{
  margin: 0px -15px;
  max-height: 400px;
}

#buorg{
  background-color: rgb(255, 255, 255);
  padding: 5px;
}

.buorg a, .buorg a:visited {
    color: #76B82A;
    text-decoration: underline;
}