body {
  margin: 0px;
  padding: 0px;
}

#wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
#mainNavi {
  z-index: 400;
}
#topBar {
  padding: 15px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 200;
}
#logo {
  position: relative;
  text-align: center;
  height: 157px;
  z-index: 150;
  margin-bottom: 20px;
}
.layout_startpage #logo {
  z-index: 300;
}
#logo img {
  max-width: 212px;
  outline: none;
  border: 0px;
}
.quickNavi {
  width: 120px;
  z-index: 1000;
}
#slider {
  position: relative;
  z-index: 40;
}
#content {
  clear: both;
  z-index: 50;
  background-color: #e2e6e9;
  overflow: hidden;
}
#contentInner {
  position: relative;
  padding: 30px 23px 40px;
  z-index: 200;
}
#footer {
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  padding: 13px 26px 0px;
}


@media only screen and (min-width: 23.750em) {
  #topBar {
    position: static;
    top: auto;
    right: auto;
    overflow: hidden;
  }
  #logo {
    position: absolute;
    text-align: left;
    height: auto;
    margin-bottom: 0px;
  }
  #logo img {
    max-width: 213px;
  }

}

@media only screen and (min-width: 48.000em) {
  #header {
    padding-top: 0px;
    float: left; 
    width: 100%;
  }
  #haderInner {
    padding: 0px 26px;
  }
  #logo {
    width: 28.3%;
    right: 64%;
  }
  #header #mainNavi{
    float: right;
  }
  #header #topBar {
    float: right;
    padding: 0px 0px 10px;
  }
  #header #mainNavi {
    width: 71.8%;
    position: relative;
  }
  #header #topBar {
    width: 71.8%;
    position: relative;
    margin-top: 20px;
  }
  #footerInner {
    margin: 0px -6px;
  }
  #footerLeft,
  #footerMiddle,
  #footerRight {
    width: 50%;
    float: left;
  }
  #footer .footerColInner {
    padding: 0px 6px;
  }
}

/* 768 px */
@media screen and (min-width: 48.000em) {

  #contentInner {
    padding: 90px 23px 40px;
  }
  .layout_startpage #contentInner {
    padding-top: 0px;
  }
  #main {
    margin: 0 -26px;
  }
  #sideContent,
  #mainContent {
    float: left;
  }
  #sideContent { 
    width: 30%; 
  }
  #mainContent { 
    width: 70%; 
  }
  .no-sidebar #mainContent {
    width: 100%;
  }
  #main .innerContainer {
    padding: 0px 20px;
  }
}
/* 1024px */
@media screen and (min-width: 64.000em) {
  #sideContent { 
    width: 20%; 
  }
  #mainContent { 
    width: 80%; 
  }
  #haderInner {
    padding: 0px;
  }
  #header #logo img {
    right: 4px;
  }
  #header #mainNavi {
    width: 60.2%;
  }
  #header #topBar {
    width: 11.5%;
  }
  #startpageContentCol02 {
    float: right;
  }
  #leftContainer .innerContainer {
    padding-left: 26px;
  }
  #footerInner {
    display: table-row;
  }
  #footerLeft,
  #footerMiddle,
  #footerRight {
    min-height: 1px;
    display: table-cell;
    vertical-align: top;
    float: none;
  }
  #footerLeft {
    width: 41.1%;
  }
  #footerMiddle {
    width: 31.1%;
  }
  #footerRight {
    width: 27.8%;
  }
}


/**************************************
 * SEARCHBOX
 **************************************/
#searchBox {
  width: 100%;
  max-width: 230px;
  position: relative;
  margin: 0 auto;
}
#searchBox .searchterm {
  width: 100%;
  border: 2px solid #ffcd1c;
  height: 34px;
  padding: 0px 6px;
  line-height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}
#searchBox .submit,
#searchBox .icon {
  width: 35px;
  height: 34px;
  line-height: 34px;
  background-color: transparent;
  display: block;
  position: absolute;
  outline: none;
  right: 0px;
  top: 0px;
  border: 0px;
}
#searchBox .submit {
  cursor: pointer;
  z-index: 20;
}
#searchBox .icon {
  background-color: #ffcd1c;
  z-index: 10;  
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 19px;
}
@media only screen and (min-width: 23.750em) {
  #searchBox {
    float: left;
    max-width: 100x;
    margin-top: 10px;
    margin-right: 0px;
    clear: right;
    max-width: 168px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 27em) {
  #searchBox {
    max-width: 168px;
    margin-top: 0px;
    margin-right: 12px;
    clear: none;
  }
}



/**************************************
 * GALLERY
 **************************************/
.gallery img {
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF;
}



/**************************************
 * SOCIALBAR
 **************************************/
#socialLinkList {
  float: right;
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: absolute;
  top: 15px; 
  right: 15px;
}
#socialLinkList  li {
  width: 35px;
  height: 35px;
  float: left;
}
#socialLinkList  a {
  text-decoration: none;
  font-size: 40px;
  font-size: 3.333em;
}
#socialLinkList .facebook .icon {
  display: block;
  color: #39569b;
  position: absolute;
  margin-top: -4px;
}

@media only screen and (min-width: 23.750em) {
  #socialLinkList {
    position: relative;
    top: auto; 
    right: auto;
  }
}

/**************************************
 * quickNavi
 **************************************/
#content .quickNavi {
  position: absolute;
  right: 26px;
  top: -76px;
}
#footer .quickNavi {
  text-align: center;
  margin-top: 48px;
  position: relative;
  margin: 50px auto 30px;
}
 .quickNavi ul {
  list-style: none;
  text-align: right;
  padding: 0px; 
  margin: 0px;
}
.quickNavi a {
  text-decoration: none;
}
.quickNavi .icon {
  position: absolute;
  width: 41px;
  height: 41px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  top: 7px;
}
#content .quickNavi .icon {
  position: absolute;
}
.quickNavi .icon.icon-folder {
  background-image: url('../images/icon-folder.png');
  left: -5px;
}
.quickNavi .icon.icon-rooms {
  background-image: url('../images/icon-rooms.png');
  left: 50%;
  margin-left: -20px;
}
.quickNavi .icon.icon-guides {
  background-image: url('../images/icon-guides.png');
  right: -5px;
}
.quickNavi .title{
  text-transform: uppercase;
  background-color: #6b8898;
  color: #fff;
  display: inline-block;
  margin-bottom: 1px;
  padding: 0px 2px;
  position: relative;
  right: 130px;
  font-size: 9px;
  font-size: 0.750em;
}
.quickNavi .title:hover {
  background-color: #507383;
  color: #fff;
}

/* QUICKNAVI style-2
 **************************************/
.quickNavi.style-2 ul {
  text-align: center;
}
.quickNavi.style-2 .icon {
  top: -46px;
}
.quickNavi.style-2 .title {
  position: static;
  right: auto;
  font-size: 12px;
  font-size: 1em;
  background-color: #ffffff;
  color: #507383;
  margin-bottom: 1px;
}



/**************************************
 * SLIDER
 **************************************/
#sliderWrapper {
  margin: 0 -40px;
}
#slider {
  width: 100%;
  visibility: hidden;
}
#slider .fraction-slider {
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
#slider  .slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
#slider  .slide img {
  height: auto !important;
  width: 100% !important;
}
#slider  .headline,
#slider .teaser,
#slider .btn {
  display: none;
}
#slider .headline {
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
  font-size: 1.833em;
}
#slider .headline span {
  background-color: #6a8897;
  display: inline-block;
  margin:0px 0px 3px 0px;
  padding: 2px 14px;
	font-size: inherit !important;
	line-height: inherit !important;
	clear: both;
	float: none;
}
#slider br {
	font-size: inherit !important;
	line-height: inherit !important;
}
#slider .teaser {
  color: #698897;
  font-size: 15px;
}
#slider .teaser span {
  background-color: #fff;
  display: inline-block;
  margin: 0px 0px 1px 0px;
  padding: 2px 3px;
	font-size: inherit !important;
	line-height: inherit !important;
}
#slider .fs-pager-wrapper {
  right: -24px;
  left: auto;
  top: 50%;
}
#slider .fs-pager-wrapper a{
  display: block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 13px;
  background-color: rgba(255,255,255,0.5);
  margin-bottom: 8px;
}
#slider .fs-pager-wrapper a:hover,
#slider .fs-pager-wrapper a.active {
  background-color: #ffcd19;
}
@media only screen and (min-width: 64.000em) {
  #sliderWrapper {
    margin: 0;
  }
  #slider  .headline,
  #slider .teaser,
  #slider .btn {
    display: block;
  }
}

/* 768 px */
@media screen and (max-width: 47.937em) {
  #slider .headline  {
    left: 5% !important;
  }
  #slider .headline span {
    font-size: 12px !important;
  }
  #slider .teaser {
    display: none !important;
  }
  #slider .button {
    left: 5% !important;
    font-size: 12px !important;
    width: auto !important;
  }
}


/**************************************
 * IMAGE CAROUSEL
 **************************************/
.imageCarousel {
	position: relative;
}
.imageCarousel img {
	border: 5px solid #fff;
	width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.imageCarousel .owl-prev,
.imageCarousel .owl-next {
	position: absolute;
	top: 50%;
	background: url("../images/owlslider/next.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-top: -50px;
	background-size: 50px 50px;
	text-indent: -99999em;
	font-size: 0px;
	opacity: 0.9;
}
.imageCarousel .owl-prev {
	background: url("../images/owlslider/prev.png");
	left: 5px;
}
.imageCarousel .owl-next {
	right: 5px;
}
.imageCarousel .owl-prev:hover,
.imageCarousel .owl-next:hover {
	opacity: 1;
}



/**************************************
 * PAGE TITLE
 **************************************/
#pageTitle {
  font-size: 14px;
  line-height: 1.143em; /*16px*/
  font-weight: normal;
  color: #577E8F;
  font-family: Verdana,Helvetica,Geneva,SunSans-Regular,sans-serif;
  padding: 0px;
  text-transform: uppercase;
}
#pageTitle span {
  display: block;
  padding: 20px 0px;
}




/**************************************
 * SUBNAVI
 **************************************/
#subNavi {
  margin: 0 0px 30px;
}
#subNavi .slicknav {
  display: none;
}
#subNavi .headline {
  display: block;
  color: #577E8F;
  padding: 7px 26px;
}
#subNavi ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#subNavi a {
  text-decoration: none;
  font-weight: normal;
  color: #577E8F;
  display: block;
}
#subNavi ul li.akt > a,
#subNavi ul li a:hover {
  color: #A89B33;
}

/* 768 px */
@media screen and (min-width: 48.000em) {
  #subNavi {
    margin: 0 -20px 30px;
  }
}

/* LEVEL1
 **************************************/
#subNavi ul.level1 > li {
  padding: 7px 0px 11px 0px;
  border-bottom: 1px solid #fff;
}
#subNavi ul.level1 > li > a {
  text-transform: uppercase;
  display: block;
  padding: 1px 0px 3px;
}
#subNavi ul.level1 > li.last {
  background-image: none;
}


/* 768 px */
@media screen and (min-width: 48.000em) {
  #subNavi ul.level1 > li {
    padding: 7px 19px 11px 23px;
  }
}

/* 1024px */
@media screen and (min-width: 64.000em) {
  #subNavi ul.level1 > li {
    padding-left: 31px;
  }
}


/* LEVEL2 
 **************************************/
#subNavi  ul.level2 {
  line-height: 1.167em; /*15px*/
}

/* LEVEL2 - Standalone
 **************************************/
#subNavi > ul.level2 {
  padding-top: 10px;
}
#subNavi > ul.level2 > li {
  padding: 2px 26px;
}
#subNavi ul.level2 a {
  text-transform: none;
  padding: 2px 0px;
  position: relative;
  padding: 4px 0px 4px 15px;
  font-size: 11px;
  font-size: 0.917em;
}
#subNavi ul.level2 li.akt a,
#subNavi ul.level2 a:hover {
  color: #A89B33;
}
#subNavi ul.level2 a:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0px;
  top: 6px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#subNavi ul.level2 li.akt a:before,
#subNavi ul.level2 a:hover:before {
  background-color: #A89B33;
}


/* SLICKNAV MENU
 **************************************/
#subNavi .slicknav_menu {
  background-color: #fff;
}
#subNavi .slicknav_menu  li {
  text-align: right;
}
#subNavi .slicknav_menu  a {
  display: inline-block;
}
#subNavi .slicknav_menu .slicknav_menutxt {
  color: #577E8F;
}
#subNavi .slicknav_menu .slicknav_icon-bar {
  background-color: #577E8F;
}
#subNavi .slicknav_menu  ul.level2 a {
  padding: 4px 15px 4px 15px;
}
#subNavi .slicknav_menu ul.level2 a:before { 
  display: none;
}


/* 768 px */
@media screen and (min-width: 48.000em) {
  #pageTitle {
    margin: 0px 0px 0px -20px;
    border-right: 1px solid #fff;
    background-image: url("../images/left-nav-sep.jpg");
    background-repeat: repeat-x;
    background-position: center bottom;
  }
  #pageTitle a {
    text-decoration: none;
  }
  #pageTitle span {
    padding: 0px 26px 19px 17px;
  }
  #subNavi {
    border-right: 1px solid #FFF;
    padding-bottom: 180px;
    margin: 0px;
    margin-left: -26px;
  }
  #subNavi .slicknav {
    display: block;
  }
  #subNavi ul.level1 > li {
    background-image: url('../images/left-nav-sep.jpg');
    background-repeat: repeat-x;
    background-position: center bottom;
    border: 0px;
  }
}


/* 1024px */
@media screen and (min-width: 64.000em) {
  #pageTitle span {
    padding: 0px 26px 19px 24px;
  }
}

/**************************************
 * STARTSEITEBOXEN
 **************************************/
.startseiteBox {
  margin-bottom: 21px;
  margin-top: -8px;
}
.startseiteBoxItem {
  max-width: 360px;
  margin: 0 auto;
}
.startseiteBoxItem  a {
  color: #fff;
  text-decoration: none;
}
.startseiteBoxItem .image {
  text-align: center;
  width: 100%;
}
.startseiteBoxItem .headline{
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.500em;
  line-height: 1.167em; /*21px*/
  margin-bottom: 9px;
  margin-top: 1px;
}
.startseiteBoxItem .txt {
  text-align: center;
  margin: 4px 0;
}
 
 
/**************************************
 * HIGHLIGHTBOX
 **************************************/
.highlightBox {
  position: relative;
  margin-bottom: 20px;
}
.highlightBox a{
  color: #fff;
  text-decoration: none;
}
.highlightBox .icon {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fecd20;
  margin: 22px 0px;
}
.highlightBox .icon.green {
  background-color: #8a9765;
}
.highlightBox .icon > span {
  width: 60px;
  height: 63px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  margin-top: -26px;
  background-repeat: no-repeat;
  display: block;
  background-size: 60px 57px;
}
.highlightBox .icon .icon-people {
  background-image: url('../images/highlightboxes/icon-people.png');
}
.highlightBox .icon .icon-calendar {
  background-image: url('../images/highlightboxes/icon-calendar.png');
}
.highlightBox .icon .icon-kostprobe {
  background-image: url('../images/highlightboxes/icon-kostprobe.png');
}
.highlightBox .headline {
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 19px;
  font-size: 1.583em;
  line-height: 1.167em;
  margin-top: 33px;
  margin-bottom: 2px;
  color: #fff;
}
.highlightBox .image {
  text-align: center;
  margin-bottom: 8px;
}
.highlightBox .subheader{
  text-align: center;
}

/**************************************
 * NEWS
 **************************************/
 
/* Browse
 **************************************/
.browse {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.browse .prev, 
.browse .next {
  float: left; 
  line-height: 1.333em; /* 16px */
  width: 50%;
}
.browse span {
  padding: 6px 0;
}
.browse .next  {
  float: right;
  text-align: right;
}
.browse .arrow {
  width: 29px; 
  height: 29px;
  display: block;
}
.browse .prev .arrow,
.browse .prev span {
  float: left;
  clear: both;
}
.browse .next .arrow,
.browse .next span {
  float: right;
  clear: both;
}
.browse .prev .arrow {
  float: left;
  margin-right: 10px;
}
.browse .next .arrow {
  float: right;
  margin-left: 10px;
}

@media screen and (min-width: 48.000em) {
  .browse .prev .arrow,
  .browse .prev span {
    clear: none;
  }
  .browse .next .arrow,
  .browse .next span {
    clear: none;
  }
}
 
/* NewsItems Default
 **************************************/
.newsItem {
  border-top: 1px solid #fff;
  margin-bottom: 10px;
  padding: 20px 0px;
  overflow: hidden;
}
.newsItem .headline {
  margin: 10px 0px 5px;
}
.newsItem .teaser {
  margin-bottom: 5px;
}
.newsItem .more {
  text-decoration: none;
  margin-top: 10px;
} 

/* NewsItems Event
 **************************************/
.newsItem.event .date,
.newsItem.event .location {
  font-weight: bold;
}

/* NewsItems Carousel
 **************************************/
.item {
  margin: 0 5px;
}
.newsItem.carousel {
  background-color: rgba(256,256,256,0.4);
  padding: 0px 23px 10px;
  border-top: 0px;
}
.newsItem.carousel .more {
  background-image: url('../images/news-more.png');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 5px auto;
}
.newsItem.carousel .image {
  text-align: center;
}
.newsItem.carousel .headline {
  color: #ffcd1c;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 1.083em;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 1px;
}
.newsItem.carousel .teaser {
  text-align: center;
}

/* Detail View
 **************************************/
.sitebox_news .detail .newsItem .image img  {
  margin-top: 20px;
}
 



/**************************************
 * LOGOS
 **************************************/
#logo-wkoe {
  max-width: 106px;
  display: block;
}
#logo-leader {
  max-width: 271px;
  margin: 12px 0px 30px;
  display: block;
}
@media only screen and (min-width: 64.000em) {
  #logo-wkoe {
    float: right;
    display: inline;
  }
  #logo-leader {
    max-width: 271px;
    float: right;
    display: inline;
  }
}

/**************************************
 * FOOTER NAVI
 **************************************/
#footerNavi {
  margin: 0px 0px 30px;
  padding: 0px;
  list-style: none;
}
#footerNavi a {
  color: #4e7282;
  text-decoration: none;
}
#footerNavi a:hover {
  font-weight: bold;
}


/**************************************
 * COOKIES HINWEIS
 **************************************/
.cc_container .cc_btn, 
.cc_container .cc_btn:visited {
  background-color: #FECD20 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #FEDC65 #C59F19 #BA9617 #FED853 !important;
  color: #FFF !important;
  text-decoration: none !important;
  letter-spacing: 1px !important;
}


/**************************************
 * LAYOUT STARTPAGE
 **************************************/
.layout_startpage {
  color: #fff;
}
.layout_startpage #content {
  background-color: #527183;
  background-image: url('../images/background.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-top: 31px;
  padding-bottom: 13px;
}
.layout_startpage #main {
  margin: 0px;
}
#content .quickNavi.style-2 {
  top: 59px;
  right: 47px;
}


/**************************************
 * KARTE
 **************************************/
#cardLegend {
  overflow: hidden;
  margin: 20px 0px 30px;
  padding: 0px;
}
#cardLegend li {
  list-style: none;
  margin-right: 20px;
  padding: 5px 0px;
}
#cardLegend span {
  display: inline-block;
  line-height: 32px;
  vertical-align: middle;
}
#cardLegend .icon {
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  background-size: cover;
  margin-right: 10px;
}
#cardLegend .icon.brauerei { background-image: url(../images/map/brauerei.png); }
#cardLegend .icon.wirt { background-image: url(../images/map/wirt.png); }
#cardLegend .icon.sightseeing { background-image: url(../images/map/sightseeing.png); }
#cardLegend .icon.shopping { background-image: url(../images/map/shopping.png); }

/* 768 px */
@media screen and (min-width: 48.000em) {
  #cardLegend li {
    float: left;
    padding: 0px;
  }
}

/**************************************
 * SITEBOX BIERSORTEN
 **************************************/
.beerItem {
  background-image: url('../images/beeritem_bg.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.beerItem .image {
  text-align: center;
  display: block;
}
.beerItem .image img {
  border: 0px !important;
}
.beerItem .headline {
  color: #557C8D;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  font-size: 0.917em;
  line-height: 1.455em;
}
.beerItem .name {
  display: block;
  text-align: center;
  font-size: 11px;
  font-size: 0.917em;
  line-height: 1.273em; /*14px*/
}


/**************************************
 * BRAUEREIEN DETAILVIEW
 **************************************/
.sitebox_brauerei.detail .logo {
  margin-bottom: 16px;
}
.sitebox_brauerei.detail .subHeadline {
  font-weight: bold;
  font-size: 11px;
  font-size: 0.917em;
  line-height: 1.273em; /*14px*/
}
.sitebox_brauerei.detail .contact {
  margin-top: 16px;
  color: #577E8F;
  font-size: 11px;
  font-size: 0.917em;
}
.sitebox_brauerei.detail .map_canvas {
  width: 249px; 
  height: 244px; 
  border-style: solid; 
  border-width: 1px; 
  border-color:#FFFFFF;
}
.sitebox_brauerei.detail .image img{
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF;
}
.sitebox_brauerei.detail .wirte .headline {
  margin-bottom: 3px; 
  margin-top: 3px; 
  font-weight: bold; 
  text-transform: uppercase; 
  color: #0A0A0A;
  text-align: left;
}
.sitebox_brauerei.detail .biere {
  margin-top: 20px;
}
.sitebox_brauerei.detail .icon img {
  border: 0px !important;
}
.sitebox_brauerei.detail .sbs3 .headline {
  margin-top: 0px;
}


/**************************************
 * WIRTE DETAILVIEW
 **************************************/
.sitebox_wirte.detail .contact {
  margin-top: 16px;
}
.sitebox_wirte.detail .contact .infos{
  color: #577E8F;
  font-size: 11px;
  font-size: 0.917em;
}
.sitebox_wirte .services img{
  max-width: none;
}



/**************************************
 * SITEBOX BIERSORTEN
 **************************************/
 
/* DETAIL VIEW
 **************************************/
 .sitebox_biersorten  .detail .productimage {
  background-image: url("../images/sitebox_biersorten/productimage_bg.png");
  background-repeat: no-repeat;
  background-position: center bottom; 
  background-size: contain;
  text-align: center;
  height: 300px;
}
.sitebox_biersorten  .detail .headline {
  font-weight: bold;
  text-transform: uppercase;
}
.sitebox_biersorten  .detail .logo {
  max-width: 110px;
  margin-bottom: 16px;
}
.sitebox_biersorten  .detail .wirte .headline {
  margin-bottom: 3px; 
  font-weight: bold; 
  text-transform: uppercase; 
  color: #0A0A0A;
}


/**************************************
 * bierglaeser
 **************************************/
#bierglaeser {
  width: 100%;
  max-width: 373px;
  position: relative;
}
#bierglaeser > div {
  float: left;
}
#bierglaeser #image-bier1 { width: 6.63%; }
#bierglaeser #image-bier2 { width: 9.35%; }
#bierglaeser #image-bier3 { width: 6.5%; }
#bierglaeser #image-bier4 { width: 9.95%; }
#bierglaeser #image-bier5 { width: 9.2%; }
#bierglaeser #image-bier6 { width: 7.82%; }
#bierglaeser #image-bier7 { width: 14.96%; }
#bierglaeser > div {
  float: left;
  padding: 0px 2.2%;
}
#bierglaeser #image-bier1 {
  padding-left: 0px;
}
#bierglaeser #image-bier7 {
  padding-right: 0px;
}