/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v19-latin-300.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v19-latin-300.svg') format('svg'); /* Legacy iOS */
}
/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ubuntu-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v19-latin-300italic.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v19-latin-300italic.svg') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v19-latin-regular.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v19-latin-regular.svg') format('svg'); /* Legacy iOS */
}
/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v19-latin-italic.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v19-latin-italic.svg') format('svg'); /* Legacy iOS */
}
/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ubuntu-v19-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v19-latin-500italic.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v19-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v19-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v19-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v19-latin-500italic.svg') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v19-latin-500.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v19-latin-500.svg') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v19-latin-700.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v19-latin-700.svg') format('svg'); /* Legacy iOS */
}
/* ubuntu-700italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ubuntu-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v19-latin-700italic.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v19-latin-700italic.svg') format('svg'); /* Legacy iOS */
}

* {
    margin:0;
    padding:0;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
    font-size:18px;
    padding:0;
    margin:0;
    line-height: 26px;
    color:#777777;
    font-family: Ubuntu;
    overflow-x: hidden;}

header,
#content,
footer {
    position: relative;
    width:100%;
    float:left;
}

.text-center {text-align: center;}


/** Content - begin **/
#content { margin-top:170px; }
#c6 {margin-top: 80px;}
#content a { color: #11204c; }
#c7 a, #c520 a, #c3090 a { color: #fff; }
#c7 h3 {    margin-top: 30px; margin-bottom: 100px;}

#content ul {margin-left: 18px;}

#content .headline { width:100%; text-align: center; margin:0 auto; }
#content .headline p { width:70%; margin:0 auto; }

#content .main ul { margin:30px 0 !important; float:left; width:100%; height:auto; }
#content .main ul li { padding:0; margin:0; line-height:14px; font-weight:bold; }
#content .main ul li a { color:#002373; }
#content .main ul li a:hover { color:#fbbc3b; }
  
.main #content { margin-bottom:88px; }

@media only screen and (max-width: 1200px) {
  #content {
    margin-top: 0px;}
}
/** Content - end **/



/************ HEADLINE - begin  *************/
h1 { text-transform: uppercase; font-weight: 300; font-size: 45px; line-height: 50px; margin:60px 0; padding:0; color:#3e3e3e; }
h2 { color:#3e3e3e; font-size: 30px; font-weight: 300; line-height: 28px; text-transform: uppercase;}
h3 { color:#3e3e3e; font-size: 22px; font-weight: 300; line-height: 28px;  margin: 40px 5px 40px 5px; text-transform: none; }

.main h3{color: #fbbc3b; font-style: italic;}
.main h2 {margin-top: 50px; margin-bottom: 31px;}

.csc-subheader {    z-index: 29;
    position: relative;}

@media only screen and (max-width: 991px) {
  .main h1 { margin: 20px 0 20px 0px}
}
@media only screen and (max-width: 575px) {
    h1 { font-size:30px; line-height:24px; }
    h2 { font-size:24px; line-height:40px; }
    h3 { font-size:21px !important; }
    .main  h1 { font-size:24px; }
}
/************ HEADLINE - end  *************/

.main p { margin:20px 0 !important; }
.main img { width:100%; height:auto; }

/************ PARALLAX - begin *************/
.parallax {
  width: 100%;
  background-size: cover !important;
  color: #fff;
  height:550px;}

@media only screen and (max-width: 1600px) {
  .parallax {
    background-size: 1600px !important;}
}

@media only screen and (max-width: 1200px) {
    .parallax {
      height:500px;}
}

@media only screen and (max-width: 925px) {
    .parallax {
      height:240px;}
    .parallax {
      background-size: 1030px !important;}
}

@media only screen and (max-width: 575px) {
    .parallax { display:none; }
}  
/************ PARALLAX - end *************/


/************ CAROUSEL - begin  *************/
#carousel {}
@media only screen and (max-width: 1200px) {#carousel {margin-top: 134px}}
@media only screen and (max-width: 575px) {#carousel {margin-top: 100px}}
#carousel .carousel-inner {}
#carousel .carousel-inner .item { height:610px; padding:0; margin:0; background:#000;
     -webkit-transition: opacity 1s;
      -moz-transition: opacity 1s;
      -ms-transition: opacity 1s;
      -o-transition: opacity 1s;
      transition: opacity 1s;
}
#carousel .carousel-inner .item img {
  max-width:100%;
  height:100%;
  opacity:0.8;
  width:100%;
  object-fit: cover;}
#carousel .carousel-inner .active.left { left:0; opacity:0; z-index:2; }
#carousel .next { left:0; opacity:1; z-index:1; }

.carousel-fade .carousel-inner .item {
    -webkit-transition: opacity ease-in-out 2s;
    -moz-transition: opacity ease-in-out 2s;
    -o-transition: opacity ease-in-out 2s;
    transition: opacity ease-in-out 2s;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); }

@media only screen and (max-width: 925px) {
    #carousel .carousel-inner .item { height:374px; }
}
@media only screen and (max-width: 575px) {
  .carousel{margin-top:130px;  }
   #carousel .carousel-inner .item { height:178px; }
}
/************ CAROUSEL - end *************/



/************ NAV - begin *************/
.header-bg { width:100%; z-index:9999; top: 600px;}
.header-bg-container { position: absolute; z-index:9996; width: 100%; left: 0; height:134px; background: #0b4ca1;}
@media only screen and (max-width: 575px) { .header-bg-container {height:100px;}}
#logo a { background:url(../images/hofbraeu-logo.png) no-repeat 0 0; display:block; height: 43px; width: 335px; background-size: contain; margin: 40px 40px; float:left; text-align:right; position:absolute; overflow:hidden; text-indent:-9999px !important; left: 102px; }
@media only screen and (min-width: 1201px) {.header-bg #logo a {top:-210px;}}
@media only screen and (min-width: 1201px) {
#c18 + .header-bg #logo a,
#c431 + .header-bg #logo a {
  top:-620px;}
}
#logo a:hover { text-indent:-9999px !important;}
#logo img { width:90%; float:right;}

nav.responsive-nav { display:none;}
nav { float:right; position: relative; height:32px; margin: 52px 0px; transition: all 500ms ease-in-out 0s; right: 102px;}
@media only screen and (min-width: 1201px) {nav {right: 50%!important; transform: translateX(50%);}}
nav ul { height:auto; list-style-type: none !important; position: relative; }
nav ul li { float: left; margin: 0 !important; min-height: auto !important; position: relative !important;}
nav ul li a,
nav ul li span { position: relative; background:none; padding: 16px; color:#fff !important; font-size:25px; font-weight:300; line-height: 31.762px; text-transform:uppercase; cursor:pointer;}
nav ul li a:hover,
nav ul li.activepage a,
nav ul li span:hover,
nav ul li.activepage ul li.activepage,
nav ul li.activepage ul li a:hover { background:#fff; text-decoration: none; color:#000 !important; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
nav ul li.activepage ul li,
nav ul li.activepage ul li a { background:#0b4ca1 !important; text-decoration: none; color:#fff !important; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
nav ul li.activepage ul li a:hover,
nav ul li.activepage ul li.activepage,
nav ul li.activepage ul li.activepage a { background:#fff !important; color:#000 !important; }

nav ul li ul.dropdown { background: rgba(11,76,161,0.8); position:absolute; list-style-type:none; width:250px; top:100px; display:none; opacity:0; border:2px solid #fff; }
nav ul li ul.dropdown li { float:left !important; width:100% !important; height:auto !important; text-align:center !important; margin:0 !important; }
nav ul li ul.dropdown li a { font-size:15px; border:none; font-weight:normal; padding:0; width:100%; display:block; padding:10px; }
nav ul li ul.dropdown li a:hover { background:#fff; color:#4d4d4d !important; }
nav ul li ul.dropdown li:first-child a { padding-top:15px; }
nav ul li ul.dropdown li:last-child a { padding-bottom:15px; }
nav ul li ul.dropdown li a:first-child { border:none;}

nav.responsive-nav li.activepage ul.click-dropdown {
  display:block;
}

@media only screen and (max-width: 1730px) {
  nav ul li a { padding:15px; font-size: 21px; }
}

@media only screen and (max-width: 1600px) {
  nav {right: 0;}
}

@media only screen and (max-width: 1500px) {
  nav ul li a { padding:10px; font-size: 18px; }
}


@media only screen and (max-width: 1200px) {
  .header-bg {position: fixed; top: 0px;}
  
  nav {  margin: 0px 0px; display:none;  }
  nav ul li ul.click-dropdown li a:hover { color:#fff !important; }
  .main nav ul li ul.click-dropdown li a:hover { color:#000 !important; }
  nav ul li span:hover { color:#FFF !important;}
    
    .responsive-nav-button { background:url(../images/nav-button.png) no-repeat 0 0; width:30px; height:30px; float:right; z-index:9999; cursor:pointer; position:fixed; right:30px; top: 30px;}
    nav.responsive-nav { padding-top:90px; z-index:9998; display:block; float:left; width:280px; background:rgba(0,0,0,0.8); position:fixed; right:-280px; height: 100%; top: 0px; margin-right:0px;}
    nav.responsive-nav ul { float:none; width:100%; }
    nav.responsive-nav ul.click-dropdown { display:none; }
    nav.responsive-nav ul li { width:100%; border:none; text-align:right; padding:0; }
    nav.responsive-nav ul li ul li:hover { background:#002373; text-decoration: none; color:#fff; -webkit-transition: all 400ms ease-in-out;
     -moz-transition: all 400ms ease-in-out;
      -ms-transition: all 400ms ease-in-out;
      -o-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
    }
    nav.responsive-nav ul li a,
    nav.responsive-nav ul li span {  font-size: 18px; width:100%; padding:4px  30px 4px 0 !important; text-align:right; float:left; border:none; display:block; }
    nav.responsive-nav ul li span { background:url(../images/dropdown-arrow.png) no-repeat 260px center; }
    nav.responsive-nav ul li ul li a { padding-right:40px !important; padding-top:0px !important; padding-bottom:0px !important; float:left; font-size: 15px; width:100%; background:url(../images/nav-bullets.jpg) no-repeat 250px center;}
}
@media only screen and (max-width: 1380px) {
  #logo a {margin: 40px 28px; left: 0px;}
}
@media only screen and (max-width: 920px){
  nav {  margin: 0px 0px;}
}
@media only screen and (max-width: 575px) {
  nav {  margin: 0px 0px;}
    nav ul li a:hover,
    nav ul li span:hover  {color:#fff !important; }
    nav.responsive-nav { display:none; top: 0px; }
    nav.responsive-nav.active { display:block; }
    /*.responsive-nav-button { top:14px; }*/
    
    .header-bg { position:fixed; top: 0px; background:#002373;}
    
    #logo a { width:200px; left: 0px; margin: 35px 30px;}
}
/************ NAV - end *************/


/************ Subpage Header - begin *************/
.header-image { width:100%; height:  200px; overflow:hidden; display:block; }
.header-image img { max-width:100%; width:100%; height:auto; float:left; }

@media only screen and (max-width: 1200px) {
  .header-image { width: 100%; height: 341px; overflow:hidden; display:block; padding-top: 133px; }
}
/************ Subpage Header - end *************/


/************ Bootmarks - begin **************/
.bookmarks { right: 0; width: 49px; position: fixed; height: auto; top: 50%; margin-top: -70px; z-index:9998; }

.language-switch { }
.language-switch a { background: url("../images/bookmark-bg.jpg") no-repeat 0 0; cursor: pointer; display:block;  color: #fff; font-weight: bold; height: 50px; padding-right: 2px; padding-top: 10px; text-align: center; width: 50px;}
.language-switch a:hover { text-decoration:none; color:#fbbc3b; }

.totop-wrapper { display:none; background:url(../images/bookmark-bg.jpg) no-repeat 0 0; }
.totop { background:url(../images/bookmarks.png) no-repeat 0 -50px; height: 50px; cursor: pointer; margin-top: 5px; display:block; }
.totop:hover { background:url(../images/bookmarks-hover.png) no-repeat 0 -50px; }

.facebook { background:url(../images/bookmark-bg.jpg) no-repeat 0 0; width:50px; height:50px; }
.facebook a { background:url(../images/bookmarks.png) no-repeat 0 -1px; height: 50px; cursor: pointer; display:block; }
.facebook a:hover { background:url(../images/bookmarks-hover.png) no-repeat 0 -1px; }

.instagram { background:url(../images/bookmark-bg.jpg) no-repeat 0 0; width:50px; height:50x; }
.instagram a { background:url(../images/instagram.png) no-repeat 0 -1px; height: 50px; cursor: pointer; display:block; }

.mobile.facebook { display:none;}

@media only screen and (max-width: 1200px) {
    
  .facebook { display:none; }
  
    .mobile.facebook { background:none; position:fixed; display:block; right:80px; top: 20px; z-index:9999;}
}
@media only screen and (max-width: 920px){
}
/*@media only screen and (max-width: 575px) {
   .mobile.facebook { top:4px; }
}*/
/************ Bootmarks - end **************/


/** Startseite - begin **/

/******* first-content - begin *********/
.teaser-wrapper { height:391px; overflow:hidden; position:relative; width:100%; float:left; margin-top:70px;}
.teaser-wrapper img { max-width:100%; width:100%; height:auto; }

.teaser-wrapper .teaser-content-wrapper { position:absolute; bottom:0; left:0; float:left; padding:5px; width:100%; height:auto;}
.teaser-wrapper .teaser-content-container { float:left; position:relative; height:auto; width: 100%; text-align: center; }
.teaser-wrapper .teaser-content-container p { margin:0 !important; }  
.teaser-wrapper .teaser-content-container a { color:#11204c !important; display:block; width:100%; padding:10px 0; text-transform:uppercase; font-weight:bold; }

@media only screen and (max-width: 575px){#c2700 {height: 20px}}

/******* first-content - end *********/


/******* second-content - begin ******/
.second-content {
  width: 100%;
  padding: 20px 0;
  color: #fff;
  height: 760px;
  background: url("../../redaktion/teaser-home/menu-teaser-bg.jpg") no-repeat center;
  background-size: cover;
  margin: 70px 0px;
  position: relative;}
.image-content {
  width: 100%;
  color: #fff;
  background-color: rgba(11, 76, 161, 0.85);
  height: 760px;
  z-index: 1;
  position: absolute;
    top: 0px;}
.second-content h2 {color: #fff; margin-top: 100px;  position: relative; z-index: 10;}
.second-content h3 {color: #fff; position: relative; z-index: 10;}

/******* COUNTER TO - begin ******/
.counterto {  float:left; color:#fff; position: relative; z-index: 10; margin-top: 20px;}
.counterto i { font-style: normal; float:right; width:25px; }
.counterto-wrapper {width: 23%; height: 128px; border: 1px solid #fff; margin: 8px; }
.counterto-wrapper-countto { float: left; font-size: 50px; font-weight: bold; width: 230px; text-align: center; margin: 20px 0; }
.counterto-wrapper-content { float:left; text-align:center; font-weight:bold; margin-top:10px; width:100%; }
@media only screen and (max-width: 991px) {
    .counterto-wrapper { float: left; height: auto; position: relative; padding: 20px; width: 37%; }
    .counterto {  left: 6%; top: 44%;}
    .second-content {height: 756px;}
}
@media only screen and (max-width: 925px) {
    .counterto i { float: left; font-style: normal; text-align: right; width: 33.333%; }
}
@media only screen and (max-width: 575px) {
  .counterto { margin: 25px 0 123px 0; left: 0%; top: 48%;}
}
@media only screen and (max-width: 440px) {
  .counterto { margin: 25px 160px 123px 31px; left: 0%; top: 42%;}
}
@media only screen and (max-width: 360px) {
  .counterto { margin: 25px 160px 123px 30px; left: 0%; top: 43%;}
  .counterto-wrapper { padding: 0px; }
  .counterto-wrapper-countto { font-size: 37px;}
  .second-content {height: 900px;}
  .second-content h2 {margin-top: 680px; }
}

.main .counterto { top: 103%; color: #000; margin: 80px 0; float: left; color: #4d4d4d;     position: relative;
    width: 108%; left: -8px;}

@media only screen and (max-width: 991px) {
  .main .counterto {  margin: 0px 0px; left: 9%; }
  .main .counterto-wrapper {margin: 5px; }
    .main .counterto-wrapper-countto { width: 162px; margin: 0px; }
    .main .counterto-wrapper-content { margin-top:0px; width:63%; }
}
@media only screen and (max-width: 1024px) {
  .main .counterto {  margin: 0px 0px; left: 13%;    width: 76%; }
}
@media only screen and (max-width: 375px) {
  .main .counterto {  margin: 0px 0px; left: 0%;    width: 100%; }
}
@media only screen and (max-width: 320px) {
  .main .counterto {  left: -4%; }
  .main .counterto-wrapper-content {  width:0%; }
}
/******* COUNTER TO - end ******/

/******* FOOD-CAROUSEL - beginn *******/
#food-carousel {
    z-index: 29;
    position: relative;}

/******* second-content - end ******/


/******* third-content - begin ******/

.third-content {margin: 70px 0px 70px 0px;}
.third-content-container .row {margin-right: 0px; margin-left: 0px;}
.third-content-container > .csc-default:not(:last-child)  {margin-bottom: 60px;}
.third-content-container .col-md-6 {padding-right: 0px; padding-left: 0px;}

.third-content-container img {width: 100%; height: 100%;}
.third-content-container p { margin: 23px 66px 23px; }
.third-content-container h2 { margin: 75px 62px 10px;}
.third-content-container h3 { margin: 43px 15px 22px 61px;}

a.cnt-button { padding:0px 28px; text-decoration:none; border:2px solid #000; float:left; position: absolute; left: 50%; transform: translateX(-50%); }
a.cnt-button:hover { border: 2px solid #fbbc3b;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.third-content-container a.cnt-button { padding:0px 28px; text-decoration:none; border:2px solid #000; float:left; position: absolute; left: 34% }
.third-content-container a.cnt-button:hover { border: 2px solid #fbbc3b;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

/** font-style **/
.third-content-container h2 {color: #3e3e3e; }
.third-content-container h3 {color: #3e3e3e; font-weight: bold; }
.third-content-container  a.cnt-button { text-transform:uppercase; color:#2d2c2c; font-weight:bold; letter-spacing: 3px; }
.third-content-container  a.cnt-button:hover {color:#fbbc3b;}

@media only screen and (max-width: 1280px) {
    .third-content-container .row {margin-bottom: 70px;}
}
@media only screen and (max-width: 1280px) {
  .third-content-container p { margin: 23px 32px 23px; width: 74%; }
  .third-content-container h3 { margin: 30px 0px 22px 32px;}
  .third-content-container h2 { margin: 9px 33px 0px;}
  
  .third-content-container a.cnt-button { left: 36%; }
}
@media only screen and (max-width: 575px) {
  .third-content-container div.csc-textpic-center .csc-textpic-center-outer { height: 215px;}
}
@media only screen and (max-width: 360px) {
  .third-content-container div.csc-textpic-center .csc-textpic-center-inner,
  .third-content-container div.csc-textpic-center .csc-textpic-center-outer { height:160px;}
}

/******* third-content - end ******/


/** Der Aufbau - begin **/
/************ IMAGE TEXT ***********/

.text-image-list { margin:40px 0; }
.text-image-list span { font-weight:bold; font-size:24px; margin-top:30px; }
.text-image-list p { width:80%; }
.text-image-list img { max-width:100%; width:100%; height:auto; }
.small-images { text-align:center; }

/** Der Aufbau - end **/


/** Unsere Patner - begin **/
/************ Firmenlogos ************/
.firmenlogo-galerie { width:100%; float:left; margin-top:50px; font-size:14px; }
.firmenlogo-galerie h2 { font-weight:bold; color:#fbbc3b; font-size:14px; margin:20px 0 0 0; padding:0; line-height:18px; }
.firmenlogo-galerie p { padding:0; margin:0 0 20px 0; color:#777; }
.firmenlogo-galerie img { width:100%; height:auto; }
.firmenlogo-galerie a{ height:200px; width:100%; float:left; display:block; overflow:hidden; margin-bottom:20px; }

@media only screen and (max-width: 991px) {
  .firmenlogo-galerie a{ height: 449px;}
}
/** Unsere Patner - end **/


/** RESERVIERUNG - begin **/
.reservation {}
.reservation a { color:#777777; }

.reservation table { width:100%; margin-top:40px; }

.reservation table tr td,
.reservation table tr th { width:20%; position:relative; height:30px; padding:20px; }

.reservation table thead,
.reservation table tbody { width:100%; }
.reservation table thead tr th{ padding-bottom:20px; background:#ebe8de; }
.reservation table tbody tr td:first-child { font-weight:bold; }
.reservation table tbody tr:nth-child(2n) { background:#ebe8de; }

.reservation .reserved,
.reservation .reserved a { color:red; }

@media only screen and (max-width: 620px) {
  iframe.revervation { display:none !important;}
}
/** RESERVIERUNG - end **/


/** KONTAKT - begin **/
.kontaktformular { margin-top:50px; float:left; width:100%; margin-bottom:30px; }
.kontaktformular label,
.kontaktformular input,
.kontaktformular textarea { float:left; padding:10px; margin-bottom:20px; }
.kontaktformular label { width: 30% !important; font-weight:bold; }
.kontaktformular input,
.kontaktformular textarea { width:65%; color:#fff; font-weight:bold; letter-spacing:3px; border:none; background:#4d4d4d; resize: none; outline: none; float:right; }
.kontaktformular textarea { height:250px; text-transform:none; letter-spacing:1px; }

.kontaktinformations { margin-top:20px; float:left; width:100%; }
.kontaktformular button { width:70%; float:right; border:none; background:#4d4d4d; padding:10px; color:#fff; text-transform:uppercase; font-weight:bold; letter-spacing:3px; }

.csc-mailform ol { list-style-type: none !important; }

.kontaktformular fieldset.fieldset-subgroup legend {
  font-weight: bold;
  font-size: 18px;
  color: #777777;
  border: none;
  margin-bottom: 0px;}
.kontaktformular fieldset.fieldset-subgroup ol {
  top: auto;
  margin: 0px;
  padding: 0px;}
.kontaktformular ol li.csc-form-element-textblock {
  margin-bottom: 10px;}
.kontaktformular fieldset.fieldset-subgroup ol li.csc-form-element-checkbox {
  display: flex}
.kontaktformular fieldset.fieldset-subgroup ol li.csc-form-element-checkbox label {
  width: auto!important;
  margin-bottom: 0px;
  order: 2;
  padding-top: 0px;}
.kontaktformular fieldset.fieldset-subgroup ol li.csc-form-element-checkbox input {
  width: auto;
  float: none;
  order: 1;
  margin-top: 5px;}

.map { margin-top:50px; float:left; width:100%; margin-bottom:30px;  width:100%; }
.map #gmeg_map_canvas { height: 350px; width: 100%; }

@media only screen and (max-width: 575px) {
    .kontaktformular input,
    .kontaktformular label,
    .kontaktformular textarea,
    .kontaktformular button { width:100%; }
}
/**KONTAKT - end **/
.first-col .regel ul { margin-top: 82px;}

/**Geschichte - begin **/

/**Geschichte - end **/

/** Gallery - end **/
.gallery > li { margin-right:20px !important; width:31.9%; }
.gallery > li:nth-child(3n) { margin-right:0 !important; }

@media only screen and (max-width: 1200px) {
    .gallery > li {
      width:48%;
      margin-right: 2% !important;}
    .gallery > li:nth-child(2n) {
      margin-right:0 !important;}
    .gallery > li:nth-child(3n) {
       margin-right: 2% !important;}
    }
}

/*@media only screen and (max-width: 925px) {
    .gallery > li { width:100%; margin-right:0 !important; }
    .gallery > li:nth-child(2n) { margin-right:0 !important; }
    .gallery > li:nth-child(3n) { margin-right:0 !important; }
}*/

@media only screen and (max-width: 680px) {
  .gallery > li {
      height: 120px;}
}

@media only screen and (max-width: 420px) {
  .gallery > li {
      width: 100%;
      margin-right: 0px !important;}
}

.slider-container { width:23%; float:left; height:178px; margin:50px 11px; padding:0; position: relative; }
.slider-container img { width:100%; max-width:100%;     border: 1px solid #fff; }
.slider-container .caption { float: left; position: absolute; right: 0; top: 146px !important; width: 270px !important; min-height: 34px !important; background:rgba(255,255,255,0.5);
    text-align:Center; }
.slider-container .caption span { color:#174195; vertical-align:text-bottom; }
.slider-container .caption span.food {position: absolute;
    left: 15px;
    margin: 4px 11px 11px 0px;}
.slider-container .caption span.price {position: absolute;
    right: -77px;
   display: none;}
.slider-container .caption p { color:#777777; }
.slider-container .caption .price { text-transform: uppercase; width:100%; float:left; margin:4px 0; padding:0; }
/** Gallery - end **/


/************ LIGHTBOX *************/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#cboxCurrent {
  display:none !important;  
}

#cboxTitle {
  left:10px;  
  bottom:1px;
}

/** FOOTER - begin **/

.bookmark-wrapper {
    width:100%;  
    float:left;
    height:auto;
    text-align:center;
    margin-bottom:20px;
}

.bookmark-wrapper .socialbookmarks {
    margin:0 auto;
    width:2%;
}

.bookmark-wrapper .socialbookmarks a {
    background:url(https://www.hb-festzelt.de/fileadmin/site/images/socialicon-fb.png) no-repeat 0 0;
    width:15px;
    height:30px;
    float:left;      
}

.bookmark-wrapper .socialbookmarks a:hover {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background:url(https://www.hb-festzelt.de/fileadmin/site/images/socialicon-fb-hover.png) no-repeat 0 0;
}

footer { background:#0b4ca1; float: left; width:100%; }
.footer-line { margin-top:141px; text-align:center; color:#fff; width:100%; float:left; font-weight:bold; }
.footer-line a { color:#fff; }
.footer-line a:hover { color:#fbbc3b; text-decoration:none;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;   
}
.footer-line-links {
  margin-bottom: 15px;}
.footer-line-links a { border-right:1px solid #fff; padding-right:5px; margin-right:5px; }
.footer-line-links a:last-child { border-right:none;}

@media only screen and (max-width: 1280px) {
    footer {
      height: 214px;}
    .footer-line-links {
       margin-top: 27px;}  
}

@media only screen and (max-width: 575px) {
    footer {
      margin-top:100px;}
    .main footer {
      margin-top:0;}  
    .footer-line-links {
      margin-top:100px;}  
}

@media only screen and (max-width: 740px) {
    footer {
      height: 254px;}
    .footer-line-links {
      margin-top: 71px;}  
}

@media only screen and (max-width: 574px) {
    footer {
      height: 301px;}
    .footer-line-links {
      margin-top: 81px;}
}

@media only screen and (max-width: 360px) {
    footer {
      height: 346px;}
    .footer-line-links {
      margin-top: 131px;}
}
/** FOOTER - end **/


/** NEWSLETTER BOX - begin **/
.newsletter-wrapper { position:absolute; text-align:center; width:100%;}
.newsletter-wrapper .container { padding: 0px 10px 0px 10px; width: 1230px; }
.newsletter-box {
  width:55%;
  margin: 27px auto;
  max-width: 1920px;
  float: left;}

.newsletter-inner { border:1px solid #fff; padding:8px 0 8px 0; width:100%; height: 48px; }
.newsletter-inner .form-group {}
.newsletter-inner .form-group input { background: #fff; border: 1px solid #fff; border-radius: 0; box-shadow: none; height: 35px;  margin: 0; padding: 0 22px; float:left; /* opacity: 0.1; */ }
.newsletter-inner .form-group input.button {background: none;  color: #ffffff; }
.newsletter-inner h2 { letter-spacing: 3px; }

.main .newsletter-inner h2 {
  margin-top:10px;
}

a.newsletter {
    background: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* font-style*/
.newsletter-inner input {font-size: 13px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; }
.newsletter-inner ol li:last-child input { color: #ffffff; font-size: 13px; font-weight: bold;  letter-spacing: 3px; text-transform:uppercase; }

@media only screen and (max-width: 1280px) {
    .newsletter-box {
      width:76%;
      position: relative;
      float: none;}
    .newsletter-wrapper .container {
      padding: 0px 36px 0px 38px;
      width: 941px;}
}

@media only screen and (max-width: 991px) {
    .newsletter-inner input {
      font-size: 10px;}
    .newsletter-wrapper .container {
      padding: 0px 36px 0px 38px;
      width: 750px;}
    .newsletter-box {
      width:97%;}
}

@media only screen and (max-width: 740px) {
    .newsletter-box {
      margin: 20px auto 0px auto;}
    .header-image{
      height: 200px;}
    .newsletter-inner  {
      height: auto;}
    .newsletter-inner .col-xs-4 {
      width:  60.333333%;}
    .newsletter-inner .col-xs-8 {
      width:  90.666667%;}  
    .newsletter-wrapper .container {
      width: 564px;}
}

@media only screen and (max-width: 574px) {
    .newsletter-wrapper {
      bottom: 122px;}
    .newsletter-wrapper .container {
      padding: 0px 0px 0px 0px;
      width: 452px;}
}

@media only screen and (max-width: 500px) {
    .newsletter-wrapper .container {
      width: 309px;}
    .newsletter-box {
      width:97%;
      left: 0px;}
}

@media only screen and (max-width: 360px) {
    .newsletter-wrapper {
      bottom: 156px;}
    .newsletter-wrapper .container {
      width: 304px;}
    .newsletter-box {
      left: 1px;}
}
/** NEWSLETTER BOX - end **/

/** SECRET BOX - begin **/
.secret-box {
  width: 28%;
  position: absolute;
  right: 13%;
  margin: 27px auto;}
.secret-box-inner-button { float:left;}
.secret-box-inner-content { text-align: left; padding-left: 65px; color: white; font-size: 15px;}

.main footer .secret-box {margin: 8px auto;}

@media only screen and (max-width: 1280px) {
.secret-box {
  position: relative;
  margin: 0 auto;
  width: 53%;
  right: auto;}
}

@media only screen and (max-width: 991px) {
  .secret-box { position: relative; margin: 0px; right: -14px;    width: 85%; }
  #food-carousel { /*display:none;*/ }
  #food-carousel .carousel-inner .slider-container {width: 35%; margin: 15px 10px 0 10px;}
  #food-carousel .carousel-inner .slider-container:first-child, #food-carousel .carousel-inner .slider-container:nth-child(3) {margin-left: 100px;}
  /*.image-content {height: 1000px;}
  .second-content {height: 1000px;}*/
  .counterto-wrapper:first-child, .counterto-wrapper:nth-child(3) {margin-left: 45px;}
}

@media only screen and (max-width: 670px) {
  .counterto .counterto-wrapper {width: 85%; margin-left: 0; margin-right: 0;}
  .counterto {margin-left: 15px;}
  #food-carousel {display: none;}
  #food-carousel .carousel-inner .slider-container {width: 70%; height: 70px;}
  #food-carousel .carousel-inner .slider-container {margin-left: 100px;}
}

@media only screen and (max-width: 575px) {
  .counterto {margin-left: 60px;}
  h2 {margin-top: 0!important;}
}

@media only screen and (max-width: 740px) {
  .secret-box {top: 15px;     left: 70px;}
}
@media only screen and (max-width: 500px) {
  .secret-box {left: 15px;}
}
@media only screen and (max-width: 360px) {
  .secret-box {left: 17px;}
}

/** SECRET BOX - end **/

/** Images - begin **/
div.csc-textpic-center .csc-textpic-center-inner,
div.csc-textpic-center .csc-textpic-center-outer { right:0; width:100%; min-height:400px; }

.main div.csc-textpic-center .csc-textpic-center-inner,
.main div.csc-textpic-center .csc-textpic-center-outer { height:445px; }

/** Partner **/
.main .image-no-height div.csc-textpic-center .csc-textpic-center-inner{height:auto;margin-bottom: 24px; margin-top: 75px;}
.main .image-no-height div.csc-textpic-center .csc-textpic-center-outer { height:auto; }




.first-content div.csc-textpic-center .csc-textpic-center-outer {
  height: 180px; min-height: auto;}
.teaser-wrapper div.csc-textpic-center .csc-textpic-center-inner {
  height: 400px;}
.main div.csc-textpic-center .csc-textpic-center-outer {
  height: 260px;}
.main #c3117 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner,
.main #c3117 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer,
.main #c3098 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner,
.main #c3098 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer {
  height: auto;}
.main #c3117 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner img,
.main #c3098 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner img {
  object-fit: cover;
  object-position: center;
  height: 260px;}

#c3167 .csc-textpic-center-outer {height: 100%}
#c3167 .csc-textpic-center-inner {height: 100%}

@media (min-width: 321px) {
  .main div.csc-textpic-center .csc-textpic-center-outer {
    height: 277px;}
}
@media (min-width: 361px) {
    .teaser-wrapper {
      height:340px;}
  .teaser-wrapper div.csc-textpic-center .csc-textpic-center-outer {
    height: 334px;}
}
@media (min-width: 441px) {
    .teaser-wrapper {
      height: 388px;}
    .main #c3117 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner img,
    .main #c3098 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner img {
      height: 333px;}
}
@media (min-width: 768px) {
    .main #c3117 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner img,
    .main #c3098 .teaser-wrapper div.csc-textpic-center.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner img {
      height: 457px;}
    .main #c3117 .teaser-wrapper,
    .main #c3098 .teaser-wrapper {
      height: 520px;}
}
@media (min-width: 992px) {
    .teaser-wrapper {
      height:300px;}
}
@media (min-width: 1200px) {
    .teaser-wrapper {
      height:350px;}
}



@media only screen and (max-width: 575px) {
    .image-no-height div.csc-textpic-center .csc-textpic-center-inner,
    .image-no-height div.csc-textpic-center .csc-textpic-center-outer { height:347px; }
}


.first-content div.csc-textpic-center .csc-textpic-center-inner {height: 0px; min-height: auto;}
.first-content div.csc-textpic-center .csc-textpic-center-outer img {    margin: 10px auto;}

/** Images - end **/


#map_canvas_custom_245110 {
  width:570px;
  height:350px;
}

/** COUNTER - begin **/

.counter { width:100%; z-index: 9998; position: absolute; top:534px; }
.cnt-counter { width:100%; float:left; text-transform:uppercase; text-align:center; font-weight:bold; font-style:italic; color:#4d4d4d; font-size:18px; }
.timer-wrapper { margin:0 auto; width:510px; }
.counter-inner .timer { float:left; width:70px; height:90px; margin:20px 15px; background:#002373; border:2px solid #fff; border-radius:15px; }
.counter-inner .timer span { color:#fff; height:30px; width:20px; float:left; text-align:center; width:100%; font-size:16px; float:left; text-transform:uppercase; padding:10px; }
.counter-inner .timer span:first-child { font-size:34px; line-height:35px; padding-bottom:20px !important; float:left; width:100%; height:55px; border-bottom:2px solid #fff;}
.counter-inner .timer span:last-child { padding-top:5px; }
.counter-inner .timer:last-child { margin-right:0; }
.mobile-counter { display:none; }

@media only screen and (max-width: 575px) {
    .counter { display:none; }
    .mobile-counter { display:block; float:left; width:100%; margin:0 0 50px 0; padding:0; width:100%;; text-align:center; }
    .mobile-counter .counter-inner { margin:0 auto; width:350px; }
    .mobile-counter .timer,
    .mobile-counter .timer span { margin-right:0; margin-left:0; font-size:18px !important; padding:0 !important; height:70px; width:64px; }
    .mobile-counter .counter-inner .timer span:first-child { font-size:22px !important; height:35px; }
    .mobile-counter .timer { margin-bottom:20px ; }
}
@media only screen and (max-width: 925px) {
    .counter { top:299px; }
}
/** COUNTER - end **/


/**  Speisekarte - begin (Hidden)**/
#content .main ul { list-style-type: square; margin: 0; padding: 0; }
#content .main ul li { display: list-item; margin-bottom: 25px; position: relative; font-weight:normal; min-height:66px; }

.main .menu ul { list-style-type:none !important; }

.menu h2 { background: url(../images/dots.png) repeat-x 0 0; width: 100%; background-position: center bottom; background-size: 6px 3px; padding-bottom: 25px; margin-bottom:30px; font-size:24px; color:#174195; font-style:italic;}
.menu h3 { margin-bottom:0;}

.menu ul li { float:left; min-height:70px; width:100%; }
.menu ul li span.title {background: none repeat scroll 0 0 #fff; position: relative; z-index: 6; color:#000; font-style:normal; /*padding-right:20px;*/ }
.menu ul li span.dots { background: url("../images/dots.png") repeat-x scroll center bottom / 6px 3px rgba(0, 0, 0, 0); border: 0 none; display: block; height: 3px; left: 0; margin: 0; position: absolute; right: 0; z-index: 1; }
.menu ul li span.price { background-color: white; font-weight: bold; max-width: 96px; position: absolute; right: 0; z-index: 1; margin-top:-23px; }
.menu ul li p { margin: 0; padding: 0; margin: 5px 0 !important; line-height: 20px; float: left; width: 100%; height: 30px; }

.menu .col-md-6 { margin-right:2%; width:48%; float:left; }

@media only screen and (max-width: 1200px) {
  .menu h3 { width:90%;}
  .slider-container{    margin: 50px 7px;}
}
@media only screen and (max-width: 575px) {
    .menu ul li span.price { top:-10px; }
    .menu ul li span.price { position: relative; }
    .menu ul li span.dots  { background:none; }
    .menu ul li p { font-size:12px; }
  
    .menu h2 { font-size:14px; padding-bottom:0; background:none; margin-bottom:0 !important; }
    .menu h3 { margin-bottom:10px; }
  
    .menu .col-md-6 { width:100%; margin-right:0;}
}
/**  Speisekarte - end (Hidden)**/


@media only screen and (max-width: 1200px) {
    .container {
      z-index:9996;  
    }
    .slider-container .caption { width: 100%!important; top: 116px!important;}
}

@media only screen and (max-width: 925px) {
    .row {
      margin-left:0;
      margin-right:0;  
    }
}

@media only screen and (max-width: 575px) {
    .timer-wrapper {
      width:320px;      
    }
    body {
      font-size:16px;
      line-height:28px;
    }
    #content ul {
      margin-left: 18px;
    }
    
    .menu span {
      font-size:12px !important;
    }
    #content {
      margin-top:20px;  
    }
}

/* Starkbierfest Banner Image with Text - BEGIN */
#c3172 /*DE*/,
#c3174 /*EN*/ {
  /*display: none;*/}
.flyer-info-wrapper {
  margin-bottom: 120px;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 200px 30px 100px 30px;}
.flyer-info-wrapper .text-info {
  background: rgba(245,245,245,0.5);
  padding: 30px 15px 60px 15px;
  text-align: left;}
.flyer-info-wrapper .text-info h2 {
  margin-top: 0px;}
.flyer-info-wrapper .text-info h3 {
  color: #3e3e3e;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  margin: 40px 0px 15px 0px;
  font-style: italic;}
.flyer-info-wrapper .text-info p,
#content .headline .flyer-info-wrapper .text-info p {
  margin: 20px 0;
  width: 100%;}
.flyer-info-wrapper .text-info a.cnt-button {
  position: relative;
  left: 0px;
  float: none;}
@media(min-width: 768px) {
  .flyer-info-wrapper {
    background-position: top center;
    padding: 20px 30px 100px 33%;}
}
@media(min-width: 1200px) {
  .flyer-info-wrapper {
    background-position: left top;
    background-size: cover;
    padding: 15px 15px 15px 33%;}
  .flyer-info-wrapper .text-info {
    background: rgba(255,255,255,0.9);
    padding: 30px 15px 20px 15px;}
}
/* Starkbierfest Banner Image with Text - END */