@import url("https://use.typekit.net/vbi0vwf.css");

body {
    font-family: open-sans-condensed, sans-serif;
  font-family: 'PT Serif', serif;
  font-family: 'Merriweather', serif;
  font-weight: 300;
    line-height: 26px;
    font-size: 14px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
/*   min-width: 1040px; */
}
#Page{
    min-height: 100%;
    position: relative;
}
.outerbox{
    text-align: center;
}
.centered{
    text-align: left;
    margin: 0 auto;
    width: 1200px;
  position: relative;
  max-width: 100%;
}
input[type="submit"]{
  -webkit-appearance: none;
}

/* Schriften */
a{
  color: #666666;
}
.bh-bodytext a{
    font-weight: bold;
  background-color: #f8f5ea;
  padding: 5px;
  transition: background-color .3s;
}
.bh-bodytext a:hover {
  background-color: #eae4cf;
}
.bh-bodytext p{

}
.bh-bodytext ul{
    padding-left: 15px;
    margin: 0px;
    margin-bottom: 20px;
}
.bh-bodytext li{
    list-style-type: none;
  position: relative;
}
.bh-bodytext li:before{
  content: "■";
  color: #e8e2ce;
  position: absolute;
  left: -15px;
  top: -2px;
  font-size: 20px;
  display: inline-block;
}

.bhText.bhElement {
  margin-bottom: 35px;
}

.ptserif{
  font-family: 'PT Serif', serif;
}


h1,h2,h3{
  font-family: open-sans-condensed, sans-serif;
  font-weight: 300;
  color: #666666;
}
h1{
    font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 7px;
}
h2{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}
h3{
    font-size: 20px;
  line-height: 23px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* colors */
.redstyle h1, .redstyle h2, .redstyle h3, .red, .redstyle .colortext, .c_Kulinarik h3{
  color: #7f292a;
}
.bluestyle h1, .bluestyle h2, .bluestyle h3, .blue,.bluestyle .colortext,.c_Wellness h3{
  color: #1b94b3;
}
.greenstyle h1, .greenstyle h2, .greenstyle h3, .green,.greenstyle .colortext{
  color: #576834;
}
.brownstyle h1, .brownstyle h2, .brownstyle h3, .brown,.brownstyle .colortext, .c_Kulinarik h3{
  color: #976816;
}
.brightgreenstyle  h1,.brightgreenstyle  h2, .brightgreenstyle h3, .brightgreen,.brightgreenstyle .colortext, .c_Sommer h3{
  color: #78a233;
}
.darkbluestyle h1, .darkbluestyle h2, .darkbluestyle h3, .darkblue, .darkbluestyle .colortext, .c_Winter h3{
  color: #2473bb;
}


.redstyle .colorbg, .colorbg,.redstyle{
  background-color: #7f292a;
}
.bluestyle .colorbg{
  background-color: #1b94b3;
}
.greenstyle .colorbg{
  background-color: #576834;
}
.brownstyle .colorbg{
  background-color: #976816;
}
.brightgreenstyle .colorbg{
  background-color: #78a233;
}
.darkbluestyle .colorbg{
  background-color: #2473bb;
}
.c_Kulinarik .colorbg{
  background-color: #976816;
}
.c_Sommer .colorbg{
  background-color: #78a233;
}
.c_Wellness .colorbg{
  background-color: #1b94b3;
}
.c_Winter .colorbg{
  background-color: #2473bb;
}

.c_Kulinarik .colortext, .c_Kulinarik h3{
  color: #976816;
}
.c_Sommer .colortext, .c_Sommer h3{
  color: #78a233;
}
.c_Wellness .colortext, .c_Wellness h3{
  color: #1b94b3;
}
.c_Winter .colortext, .c_Winter h3{
  color: #2473bb;
}

.hnavi_item:hover {
  background-color: rgba(255,255,255,.2) !important;
}
.redstyle .hnavi_item:hover, .redstyle .colorbg_trans{
/*
  background-color: rgb(127,41,42);
  background-color: rgba(127,41,42,0.2);
*/
  background-color: transparent;
}
.bluestyle .hnavi_item:hover, .bluestyle .colorbg_trans{
/*
  background-color: rgb(27,48,79);
  background-color: rgba(27,48,79,0.2);
*/
  background-color: transparent;
}
.greenstyle .hnavi_item:hover, .greenstyle .colorbg_trans{
/*
  background-color: rgb(87,104,52);
  background-color: rgba(87,104,52,0.2);
*/
  background-color: transparent;
}
.brownstyle .hnavi_item:hover, .brownstyle .colorbg_trans{
/*
  background-color: rgb(151,104,22);
  background-color: rgba(151,104,22,0.2);
*/
  background-color: transparent;
}
.brightgreenstyle .hnavi_item:hover, .brightgreenstyle .colorbg_trans{
/*
  background-color: rgb(120,162,51);
  background-color: rgba(120,162,51,0.2);
*/
  background-color: transparent;
}
.darkbluestyle .hnavi_item:hover, .darkbluestyle .colorbg_trans{
/*
  background-color: rgb(36,115,187);
  background-color: rgba(36,115,187,0.2);
*/
  background-color: transparent;
}
.bluestyle .hnavi_item:hover, .bluestyle .colorbg_trans {
/*   background-color: rgba(116, 191, 194, 0.2); */
}
.grey {
  color: #a3a3a3;
}

/* LAYOUT */
#TopOuter{
  background: #fff;
  position: relative;
  z-index: 60;
  height: 110px;
}
#TopOuterFixed{
  top: -90px;
  transition: 0.3s top;
  z-index: 10;
}

.scrollOverMenu #TopOuterFixed{
  position: fixed;
  left: 0px; top: 0px;
  width: 100%;
  background: #fff;
  box-shadow: 2.5px 4.33px 45px 0px rgba(1, 0, 0, 0.31);
}
.scrollOverMenu.bh-bemode #TopOuterFixed{
  top: 50px;
}
#Logo{
  position: absolute;
  left: 50px; top: 16px;
  z-index: 50;
/*   box-shadow: 2.5px 4.33px 15px 0px rgba(1, 0, 0, 0.31); */
}
#Logo a{
  width: 236px;
  height: 75px;
  display: block;
  background: url(../images/logo_trans_new.png) no-repeat left center;
  background: url(../images/logo_trans_new.svg) no-repeat left center;
  background-size: 236px 75px
}
.scrollOverMenu #Logo {
  top: 8px;
  left: 30px;
  margin-left: 0px !important;
}
.bh-bemode.scrollOverMenu #Logo {
  left: 30px;
  top: -19px;
}
.scrollOverMenu #Logo a {
  height: 53px;
  width: 166px;
  background-size: 166px 53px;  
}
/*
.scrollOverMenu #Logo a, .show-shadow.scrollOverMenu #Logo a{
  height: 70px;
  background: url(../images/logo_trans.png) no-repeat center -18px;
  background-size: 108px;
}
*/
/*
.show-shadow #Logo{
  top: -50px;
  background-size: 170px;
}
*/
/*
.scrollOverMenu #Logo{
  top: 0px;
}
*/

#Language {
  display: none;
}
#Language, #SearchBtn{
    position: absolute;
  right: 0px; top: 0px;
}
#SearchBtn{
  right: 115px;
  width: 20px; height: 20px;
  cursor: pointer;
  top: 40px;
  z-index: 200;
}
#Search{
  transition: 0.2s height;
  overflow: hidden;
  background: #dfd5b3;
  height: 0px;
}

.body-search #Search{
  height: 100px;
}
#Search{

}
.tx-kesearch-pi1{
  text-align: center;
  padding-top: 25px;
}
.tx-kesearch-pi1 div.kesearchbox{
  display: inline-block;
  margin-bottom: 0px;
}
.kesearchbox #ke_search_sword{
  position: relative;
  background: url(../images/search.png) no-repeat left 20px center transparent;
  color: #fff;
  height: 50px;
  font-size: 25px;
  border: none;
  border-bottom: 1px dashed #fff;
  text-align: center;
  width: 470px;
  font-family: open-sans-condensed, sans-serif;
  font-weight: 300;
  letter-spacing: 3px;
  padding: 0px;
}
.kesearchbox #kesearch_submit{
  left: auto;
  right: 20px;
  top: 15px;
  background: url(/fileadmin/images/white_double_arrow.png) no-repeat center center;
}

.tx-kesearch-pi1 .resetbutt,
.tx-kesearch-pi1 .submitbutt{
  display: none;
}
#Language{
  padding: 20px 15px;
}
#Language a{
  color: #a8a8a8;
  font-family: open-sans-condensed, sans-serif;
  font-weight: 300;
  display: block;
}
#MainOuter{
  padding-bottom: 350px;
}
#Main{
  padding-top: 30px;
}
#HeaderOuter .bhElement{
    margin-bottom: 0px;
}
#HeaderOuter .bhFader{
  min-height: 300px;
}
.bhFadecontainer > .bhContainer, .fadeContainer > .fadeContainerInner{
  overflow: inherit;
}
.bhFadecontainer[data-height="520"]{
  height: 520px;
}
#Contentbox{

}
#Footercontent{
  background: #f8f5ea;
  min-height: 100px;
  padding-top: 40px;
  padding-bottom: 20px;
}
#Footercontent h3 {
  font-size: 25px;
}
#Schleier{
  position: fixed;
  top: 0px; bottom: 0px; left: 0px; right: 0px;
  background: rgba(0,0,0,0.5);
  z-index: 20;
  display: none;
}
.show-shadow #Schleier{
  display: block;
}

/* Footer */
#Footer{
    position: absolute;
    bottom: 0px;
    width: 100%;
  background: #fff;
  padding: 40px 0;
}
#Footer h3{
  margin-bottom: 5px;
}
#FooterInner{
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}
#FooterTopInner{
}
.footercol1{
  width: 25%;
  margin-right: 3%;
}
.footercol2,.footercol3, .footercol4{
  width: 24%;
  padding-right: 20px;
  box-sizing: border-box;
}

#FooterTopInner .footercol3,
#FooterTopInner .footercol4{
  border-left: 1px solid #e8e8e8;
}
#FooterTopInner > *{
  height: 150px;
}
#Socials a{
  display: inline-block;
}
#Reference{
  height: 170px;
  background: url(../images/referenzlogos-2025.png) no-repeat center center;
  position: relative;
}
#Reference a{
  position: absolute;
  display: block;
  z-index: 5;
  width: 50px; height: 50px;
}
.ref-kw{
  top: 25px; left:51px;
}
.ref-vbg{
  top: 25px; left: 136px;
}
.ref-gr{
  top: 25px; left: 208px;
}
.ref-ama{
  top: 105px; left: 51px;
}
.ref-wal{
  top: 105px; left: 136px;
}
.ref-gen{
  top: 112px; left: 118px;
}
#ServiceNavi li.servnavi_item, .servnavi_item a{
  display: inline;
}
#ServiceNavi li.servnavi_item:after{
  content: ' · ';
}
#ServiceNavi li.servnavi_item:last-child:after{
  display: none;
}
#FooterTop{
  font-size: 13px;
  line-height: 18px;
}
#FooterTopInner{
}

#FooterMain{
    background: none !important;
}
#FooterMainInner .bhText{
    padding: 0 20px;
}

#FooterMainInner .bhText p{
    margin-bottom: 0px;
}
#FooterMainInner{
}

a#Card{
  display: block;
  background: url(../images/card.png) no-repeat left center;
  height: 180px;
}


/* Footer-Newsletter */
#bhnl-registerform-outer, #WetterOuter{
  position: relative;
  margin-left: 20px;
  display: block;
}
#Wetter{
  padding-top:15px;
}
#Wetter img{
  margin-right: 20px;
}
#Wetter .day{
  margin-bottom: 0px;
  padding-top: 10px;
}
input.bhnl-form-submit{
  border: none;
  background: none;
  height: 70px;
  cursor: pointer;
  background: url(../images/red_arrow.png) no-repeat center center;
  width: 40px;
  position: absolute;
  right: 0px; bottom: 0px;
}
.bhnl-form-field input[type="text"],
.bhnl-form-field input[type="email"]{
  background: #f5f3ec;
  box-sizing: border-box;
  padding: 0;
  height: 35px; width: 90%;
  padding-left: 10px;
  border: none;
  font-family: open-sans-condensed, sans-serif;
  font-weight: 300;
  color: #b8ad90;
  font-size: 18px;
}
.bhnl-form-field{
  margin-top: 5px;
}
.message-error{
  color: red;
}

::-webkit-input-placeholder {
  color: #b8ad90;

}

:-moz-placeholder { /* Firefox 18- */
  color: #b8ad90;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #b8ad90;
}

:-ms-input-placeholder {
  color: #b8ad90;
}


/* NAVIS */
#Navigation{
    line-height: 0px;
    text-align: center;
    z-index: 5;

}
#Navigation .bh-navigation{
  position: static;
}
.bh-navigation{
  position: relative;
    display: inline-block;
  margin-left: 220px;
}
.hnavi_item{
    float: left;
  padding: 35px 0;
}
.scrollOverMenu .hnavi_item{
  padding: 15px 0;
}

.hnavi_item{
    float: left;
}
.hnavi_item{
}
.hnavi_item a{
}
.hnavi_item > a{
    line-height: 40px;
    font-size: 19px;
    display: block;
    position: relative;
    z-index: 200;
    padding: 0 15px;
  border-left: 1px solid #e2e2e2;
  font-family: open-sans-condensed, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
}

.hnavi_item:first-child > a{
  border-left: transparent;
}

/*
.hnavi_item:hover > a, .hnavi_item:hover + .hnavi_item > a, .hnavi_item.active > a, .hnavi_item.active + .hnavi_item > a{
  border-left: 1px solid transparent;
}
*/
.hsnavi_box{
    width: 1200px;
  max-width: 100%;
    background: #fff;
    position: absolute;
    top: 108px; left:0px;
    z-index: 100;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: none;
}
.scrollOverMenu .hsnavi_box{
  top: 70px;
}
.hnavi_item:hover .hsnavi_box{
    display: block;
}
.hsnavi_item a{
    color: #812b31;
    font-size: 15px;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    line-height: normal;
    border-collapse: collapse;
    display: block;
    padding: 18px;
}
.hsnavi_item:first-child a{
}
.space{
    display: none;
}
.hsnavi_col{
    width: 234px;
    margin-left: 35px;
}
.hsnavi_col:first-child{
    /*width: 360px;*/
    width: 100%;
    margin-left: 0px;
}
.hsnavi_item {
  width: 33.333333333%;
  float: left;
}
.hsnavi_item:hover {
  background-color: #fbf9f0;
}
.hsnavi_item_image.l {
  margin-right: 17px;
}
.hsnavi_item_text{
    text-align: left;
    font-size: 14px;
    max-width: 220px;
}
.hsnavi_item_subtitle{
  padding-top: 10px;
    color: #606060;
  font-size: 12px;
  line-height: 20px;
}
.space + .hsnavi_col .hsnavi_item_subtitle{
  display: none;
}

.hsnavi_col:first-child .hsnavi_item_text{
    height: 120px;
}

.hsnavi_col:first-child a .hsnavi_item_title{
    font-size: 18px;
  color: #a7a7a7;
}
.hsnavi_item_title{
    font-size: 15px;
    line-height: 33px;
}
.hsnavi_col:first-child a .hsnavi_item_title{
    line-height: 20px;
}
.hnavi_subtitle{
    display: none;
    color: #e30613;
    font-size: 32px;
    margin-bottom: 30px;
    color: #005a2a;
}
.hsnavi_item_image.l img {
  width: 120px;
  height: 120px;
}

/* ELEMENTE */

/* Cols */
.cols3 .bhCol{
  width: 31%;
  margin-right: 3.5%;
}
.cols2 .bhCol {
  width: 47%;
}
.cols2 .col1 {
  margin-right: 6%;
}
.bhCols.bhElement.rezept .cols2 .col1 {
  background-color: #f8f5ea;
  padding: 3%;
  width: 23%;
  margin-right: 4%;
  line-height: 19px;
  border-top: 5px solid #e6dfc5;
}
.bhCols.bhElement.rezept .cols2 .col2 {
  width: 67%;
}
.bhCols .cols4 .bhCol{
  width: 22%;
  margin-right: 4%;
}
.bhCols .cols4 .col4{
  margin-right: 0%;
}
.bhCols.nomargin .bhCol {
  margin: 0px;
}
.bhCols.nomargin .cols2 .bhCol {
  width: 50%;
}
.bhCols.nomargin .cols3 .bhCol {
  width: 33.3333333%;
}
.bhCols.nomargin .cols4 .bhCol {
  width: 25%;
}
.bhCols.nomargin .cols5 .bhCol {
  width: 20%;
}
.bhCols.trennstrich .cols2 .col1 {
  padding-right: 2%;
  border-right: 1px solid #e8e8e8;
  margin-right: 3%;
}

/* Fader */
.cssFaderMenuPoint{
    left: 0px; right: 0px;
    width: 100%;
    bottom: 53px; top: auto;
    text-align: center;
  z-index: 15;
}
.cssFaderMenuPointInner{
    display: inline-block;
}
.cssFaderMenuPointItem{
  border: 1px solid #fff;
  border-radius: 100%;
  background: none;
  width: 7px; height: 7px;
  margin-left: 12px;
}
.cssFaderMenuPointItem.current{
  background: #fff;
}
.cssFaderArrow{
    width: 100px;
}

.cssFaderArrow.fadePrev{
    background-position: center center;
  background-image: url(../images/fadePrev.png);
}
.cssFaderArrow.fadeNext{
    background-position: center center;
  background-image: url(../images/fadeNext.png);
}


/* Accordeon */

.bhContainer .bhAccordeonItem.accordeon-first{
}
.bh-accordion-toggler{
    padding: 10px;
    font-size: 22px;
    background-color: #f8f5ea;
  margin-top: 2px;
  color: #baad7f;
  font-family: open-sans-condensed, sans-serif;
  background-image: url(../images/accordion-pfeil.png);
  background-repeat: no-repeat;
  background-position: right 15px top 21px;
}
.bh-accordion-toggler:hover{
    background-color: #efead9;
}
.bh-accordion-toggler-inner{
    background: right center no-repeat;
}
.bh-accordion-element-inner{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.bh-accordion-active .bh-accordion-toggler{
    background: right center no-repeat;
}
.bh-accordion-element {
  background-color: #fbf9f2;
}




/* Box */
.bhBox{
  padding: 10px;
  box-shadow: 1px 1.732px 6px 0px rgba(1, 1, 1, 0.2);
  margin-bottom: 40px;
}
.bhBox.noshadow {
  padding: 0px;
  box-shadow: none;
  margin-bottom: 40px;
}
.bhBox.nocontent .boxContent {
  display: none;
}
.boxTitle{
  padding: 5px 0;
  padding-left: 3px;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
  color: #a3a3a3;
}
.bhBox.noshadow .boxTitle {
  padding: 0px;
}
.boxTitle p{
  margin-bottom: 0px;
}
.boxTitle h2, .bhBackgroundImage .boxTitle h2{
  font-family: 'Libre Baskerville', serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -1px;
  margin-bottom: 0px;
  text-transform: none;
}
.boxTitle h3{
  margin-bottom: 5px;
}
.boxContent{
  padding-top: 15px;
  line-height: 24px;
  padding-left: 7px;
  padding-bottom: 3px;
}
.bhBox.noshadow .boxContent {
  padding-left: 0px;
}










/* Group */
.bhGroup{
  margin-bottom: 0px;
}
.bhGroup .bhBackgroundImage{
  background-color: #f8f5ea;
  padding: 60px 0;
}

/* Linkbox */
.bhLinkbox{
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255,0.9);
  box-shadow: 2.5px 4.33px 13px 0px rgba(1, 0, 0, 0.25);
  padding-right: 10px;
}

.bhLinkbox h3{
  margin-bottom: 5px;
}
.linkbox_bild .bhImageInner{
    height: auto;
}
.linkbox_content{
  font-size: 13px;
  line-height: 20px;
  min-height: 110px;
  position: relative;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  height: 110px;
}
.linkbox_content p{
  margin-bottom: 0px;
}
.linkbox_bild {
    width: 110px;
}
.rezeptnummer {
  width: 110px;
  height: 110px;
  position: absolute;
  top: 55px;
  left: 10px;
  text-align: center;
  z-index: 2;
  font-size: 20px;
  font-family: open-sans-condensed, sans-serif;
  padding-left: 2px;
  color: #5f4b46;
  font-weight: 700;
  display: none;
}
.bhLinkbox.rezepte .rezeptnummer {
  display: block;
}

.redstyle .linkbox {
  background: url(../images/red_arrow.png) no-repeat center right;
}
.bluestyle .linkbox {
  background: url(../images/blue_arrow.png) no-repeat center right;
}
.darkbluestyle .linkbox {
  background: url(../images/darkblue_arrow.png) no-repeat center right;
}
.greenstyle .linkbox {
  background: url(../images/green_arrow.png) no-repeat center right;
}
.brown .linkbox {
  background: url(../images/brown_arrow.png) no-repeat center right;
}
.brightgreenstyle .linkbox {
  background: url(../images/brightgreen_arrow.png) no-repeat center right;
}
/* Trenner */
.bhTrenner{
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
  height: 10px;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 30px;
  min-height: 10px;
  border-bottom: none;
}
.bhTrenner.spacerstart {
  height: auto;
  border-top: none;
}

/* Text-Bild-Kombination */

.textpichover.bhElement {
  margin: 0px;
}
.textpichover .textpichover-content {
  position: relative;
  top: 0px;
  overflow: hidden;
  height: 300px;
  background-color: RGBA(27, 148, 179, .5);
  transition: background-color .7s;
}

.textpichover .textpichover-headline, .textpichover .textpichover-text {
  height: 300px;
  text-align: center;
  position: absolute;
  color: #fff;
  transition: top .7s;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
}
.textpichover .textpichover-headline {
  top: 0px;
  font-size: 25px;
  line-height: 27px;
  font-family: open-sans-condensed, sans-serif;
  font-weight: 300;
  text-shadow: 0px 2px 30px rgba(0,0,0,.5);
}
.textpichover .textpichover-text {
  top: 300px;
}
.textpichover.bhElement:hover .textpichover-content {
  background-color: RGBA(27, 148, 179, .85);
}
.textpichover.bhElement:hover .textpichover-headline {
  top: -300px;
}
.textpichover.bhElement:hover .textpichover-text {
  top: 0px;
}
.textpichover .tph-wrapper {
  height: 300px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.textpichover .tph-wrapper p {
  margin: 0px;
}

body.bhe-state-editing .textpichover .textpichover-content {
  overflow: visible;
  height: 600px;
}
body.bhe-state-editing .textpichover.bhElement:hover .textpichover-headline {
  top: 0px;
}
body.bhe-state-editing .textpichover.bhElement:hover .textpichover-text {
  top: 300px;
}


/* Pic */
a.hoverpic{
  position: relative;
  display: block;
}
a[href][target="lightbox"].bhElement:after, .hoverpic:after{
  content: ' ';
  background: url(../images/lightbox_plus.png) no-repeat center center rgba(239,234,217,0.8);
  top: 0px; bottom: 0px; right: 0px; left: 0px;
  position: absolute; z-index: 5;
  display: none;
}
a[href][target="lightbox"].bhElement:hover:after, .hoverpic:hover:after{
  display: block;
}
.bhe-state-editing .bhElement:hover:after,
.bhe-state-editing  .hoverpic:hover:after{
  display: none !important;
}
.bhPicture, .bhTabs  {
  margin-bottom: 30px;
}
.bhFader .bhPicture{
}
a.bgBox{
  display: block;
}
.bgBox{
  margin-bottom: 0px;
}
.bgBox .bhElementInner{
  height: 100%;
  position: relative;
}
.bhBackgroundImage{
  height: 100%;
  background-color: grey;
  background-size: cover;
  background-position: center center;
  color : #fff;
/*   text-shadow: 2.5px 4.33px 63.92px rgba(200, 178, 118, 0.004); */
}
.bgboxContent{
  position: absolute;
  width: 100%;
  left: 0px; bottom: 100px;
  z-index: 5;
}
.bhBackgroundImage h2{
  font-family: open-sans-condensed, sans-serif;
  font-weight: 300;
  color: #fff;
  text-shadow: 2.5px 4.33px 63.92px rgba(200, 178, 118, 0.004);
  font-size: 40px;
  letter-spacing: 9px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.bhBackgroundImage .ptserif{
  font-style: italic;
  font-size: 30px;
  margin-bottom: 10px;
}
.bgBox.boxstartseite .bhBackgroundImage:after,
.bgBox.boxstartseitebig .bhBackgroundImage:after {
  display: block;
  content: '';
  width: 100%;
  height: 300px;
  position: absolute;
  bottom: 0px;
  

  background: -moz-linear-gradient(top, rgba(198,164,119,0) 0%, rgba(198,164,119,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(198,164,119,0) 0%,rgba(198,164,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(198,164,119,0) 0%,rgba(198,164,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6a477', endColorstr='#c6a477',GradientType=0 ); /* IE6-9 */
}
.bgBox.boxstartseitebig h2 {
	font-size: 60px;
	line-height: 63px;
	text-shadow: 0px 2px 40px rgba(0,0,0,.2);
}
.bgBox.boxstartseitebig .ptserif {
    font-style: italic;
    font-size: 30px;
    margin-bottom: 10px;
    background-color: rgba(130,41,43,.8);
    display: inline-block;
    padding: 12px;
    padding-bottom: 14px;
    border-radius: 3px;
    margin-top: 10px;
}

/* Scroll box */
.scrollBox {
  margin-bottom: 30px;
}
.scrollBoxInner{
  overflow: auto;
  background: #f8f5ea;
  padding: 30px;
  padding-right: 20px;
}
@media all and (min-width: 1024px){
    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        border-radius: 0px;
        background: #efebdc;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 00px;
        background: #d9d1b4;
        position: absolute;
    }
}

/* pauschalen */
.pauschallist{
  margin-left: -44px;
  margin-bottom: 60px;
}
.pauschalbox{
  padding: 13px;
  margin-left: 44px;
  background: #fff;
  margin-bottom: 60px;
  color: #666666;
  padding-bottom: 40px;
  position: relative;
  max-width: 343px;
  box-shadow: 1px 1.732px 6px 0px rgba(1, 1, 1, 0.2);
  min-height: 370px;
  max-height: 370px;
}
.pauschalbox a{
  display: block;
  min-height: 360px;
}
.pauschalbox h3{
  text-align: center;
  font-size: 25px;
  padding: 20px 0;
  margin: 0px;
}
.pauschal_text{
  min-height: 100px;
  max-height: 100px;
  overflow: hidden;
  text-align: center;
  line-height: 22px;
}
.pauschalbox .pauschal_underline{
  height: 2px;
  opacity: 0.5;
  top: 10px;
  width: 107px;
  display: block;
  position: relative;
  margin: 0 auto;
}
.pauschalcat{
  height: 7px;
}
.pauschal_price{
  position: absolute;
  bottom: -85px;
  width: 100%;
  z-index: 5;
  text-align: center;
}
.pauschal_price_inner{
  margin: 0 auto;
  width: 120px;
  height: 120px;
  color: #fff;
  background: #beb594;
  border-radius: 100%;
  box-sizing: border-box;
  padding: 5px 12px 12px 12px;
  font-size: 20px;
  font-weight: 700;
  font-family: open-sans-condensed, sans-serif;
  line-height: normal;
  
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  
}
.minitext{
  font-size: 14px;
}
.catfilter_box, .bh-tabtogglers{
  text-align: center;
  border-bottom: 1px solid #dfd5b3;
  margin-bottom: 50px;
}
.catfilter_cat, .bhTabElement {
  display: inline-block;
  float: none;
  cursor: pointer;
  font-family: open-sans-condensed, sans-serif;
  line-height: 50px;
  font-size: 20px;
  margin: 0 20px;
  background: none;
  border-bottom: 5px solid transparent;
}
.catfilter_cat.active, .bhTabElement.bh-tabtoggler-active {
  border-bottom: 5px solid #dfd5b3;
  font-weight: normal;
}

/* pauschaldetail */
.pauschaldetail_left{
  width: 48.333%;
  margin-right: 3.33333%;
}
.pauschaldetail_right{
  width: 48.333%;
}
.pauschaldetail_pic{
  margin-bottom: 30px;
}
.pauschaldetail_left  img {
  width: 100%; height: auto;
}
.pauschaldetail_inquire{
  background: #f8f5ea;
  font-family: open-sans-condensed, sans-serif;
  font-weight: 300;
  padding: 30px;
  line-height: 160px;
  position: relative;
}
.cooprice-accordeon-inquire, a.pauschaldetail_inquire-btn{
  display: block;
  width: 160px;
  line-height: 160px;
  font-family: open-sans-condensed, sans-serif;
  color: #fff;
  border-radius: 100%;
  background: #576834;
  text-transform: uppercase;
  position: absolute;
  z-index: 2;
  text-align: center;
  right: 20px; top: 20px;
  font-size: 20px;
}
.pauschaldetail_price{
  color: #beb594;
  font-size: 30px;
}
a.pauschaldetail_inquire-btn{
  top: 30px; right: 30px;
}
.pauschaldetail_gallery{
  margin-left: -19px;
}
.pauschaldetail_gallery a{
  display: block;
  margin-left: 19px;
  margin-bottom: 19px;
}
.pauschaldetail_date{
  font-size: 25px;
  color: #812e30;
  font-family: open-sans-condensed, sans-serif;
  font-weight: 300;
  padding-bottom: 30px;
  border-bottom: 1px solid #efead9;
  margin-bottom: 30px;
}
.pauschaldetail_text li, .pauschaldetail_text h2{
  color: #666666;
}
a.pauschaldetail-back-btn{
  display: inline-block;
  line-height: 40px;
}


/* zimmer */
.cooprice-accordeon td.cooprice-season-slide-td {
  width: 29px !important;
  padding:0px !important;
  cursor:pointer;
  opacity: 1;

}
.bhZimmerliste{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.cooprice-season-slide-prev {

  background:url(../images/prev.png) no-repeat center center;
}
.cooprice-season-slide-next {
  background:url(../images/next.png) no-repeat center center;
}
.cooprice-accordeon td.cooprice-season-slide-inactive{
  opacity: 0.3;
}
.cooprice-accordeon-room{
  border-bottom: 10px solid #fff;
}
.cooprice-accordeon-toggler{
  background: #f8f5ea;
  color: #c44f4f;
  line-height: 60px;
  cursor: pointer;
  border: none;
}
.cooprice-accordeon-state{
  width: 60px; height: 60px;
  background: url(../images/plus.png) #e8e2ce center center no-repeat;
}
.bh-accordion-active .cooprice-accordeon-state{
  background: url(../images/minus.png) #e8e2ce center center no-repeat;
}
.cooprice-accordeon-name{
  padding-left: 20px;
  width: 300px;
  font-size: 21px;
}
.cooprice-accordeon-toggleinfo{
  font-size: 16px;
  color: #a99e77;
}
.cooprice-accordeon-body{
  background: #f2eede;
}

.cooprice-accordeon-content{
  padding: 10px;
  position: relative;
  background-color: #f2eede;
}
.cooprice-accordeon-text{
  width: 530px;
  padding-left: 30px;
  padding-top: 20px;
  line-height: 22px;
  font-size: 14px;
}
.cooprice-accordeon-bodyinner {
  padding: 0px;
}
.cooprice-accordeon-pricetable{
  background: #fff;
}
.cooprice-accordeon td{
  padding: 10px;
  text-align: center;
  border-right: 1px solid #e8e8e8;
  width: 200px;
}
td.cooprice-col1{
  width: 250px;
  color: #576834;
  text-align: left;
  font-family: open-sans-condensed, sans-serif;
  font-size: 19px;
}
.cooprice-accordeon-seasonhead td.cooprice-col1{
  width: 220px;
}
.cooprice-accordeon-season{
  font-family: open-sans-condensed, sans-serif;
  line-height: normal;
}
.cooprice-accordeon-seasonname{
  color: #576834;
  text-transform: uppercase;
}

td.marked_season{
  background: #f3f4f1;
}
td.marked_season.cooprice-accordeon-season{
  border-top: 5px solid #e3e6de;
  padding-top: 5px;
}

/* newsbox */
.ctNewsBox{
  margin-bottom: 30px;
}
.newslist_pic{
  margin-right: 20px;
}
.newslist_content{
  width: 190px;
}
.newslist_headline{
  color: #baad7f;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 5px;
}
.newslist_text{
  font-size: 12px;
  line-height: 20px;
}

/* newsdetail */

.newsdetail_left{
  width: 48.333%;
  margin-right: 3.33333%;
  position: relative;
}
.newsdetail_left img{
  max-width: 100%; height: auto;
}
.newsdetail_right{
  width: 48.333%;
}
#CooNews h1{
  margin-bottom: 0px;
}
.newslist_datum{
  margin-bottom: 20px;
}



/* GALLERY */
.bhGallery.bhElement {
  margin-top: 20px;
}

.bh-gallery-item {
  width: 16%;
  overflow: hidden;
  margin-right: 0.666666%;
  margin-bottom: 0.666666%;
  transition: opacity .4s;
}
.bh-gallery-item:hover {
  opacity: .4;
}

/* ROUTENPLANER */

.cooRouteLocation {
  padding: 20px !important;
  background: #efebdc !important;
  text-align: center;
}
.cooRouteLocationInput {
  line-height: 25px;
  height: 25px;
  width: 290px;
  border: none;
  padding-left: 10px;
  margin-right: 0px;
}
.cooRouteLocationInput:focus {
  outline: none;
}
.cooRouteSubmit {
  line-height: 30px;
  border: none;
  background-color: #7f292a;
  color: #fff;
  height: 35px;
  width: 150px;
  margin-left: 15px;
  font-family: open-sans-condensed, sans-serif;
  font-size: 15px;
}
.cooRouteSubmit:focus {
  outline: none;
}
.cooRouteLegs .adp-directions td:first-child {
  background: none !important;
}

/* VIDEO SEITENVERHÄLTNIS */

.video-seitenverhaeltnis {
  width: 100%;
  height: 0;
  padding-bottom: 58%;
  position: relative;
}
.video-seitenverhaeltnis iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.skiplan-seitenverhaeltnis {
  width: 100%;
  height: 0;
  padding-bottom: 66.666%;
  position: relative;
}
.skiplan-seitenverhaeltnis iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/* Header */
#HeaderBottom{
  background: #ede6cd;
}
#HeaderBottomInner{
  text-align: center;
}
#HeaderBottom{
  position: relative;
}
#HeaderBottomInner{
  font-family: open-sans-condensed, sans-serif;
  color: #baad7f;
  text-transform: uppercase;
  padding: 25px 0;
  line-height: 0px;
  font-size: 18px;
}
#HeaderButton{
  position: absolute;
  left: 20px;
  top: -20px;
  z-index: 5;
  display: none;

}
form.quickform{
  box-sizing: border-box;
  display: inline-block;
}
.quickform input{
  height: 40px;
  box-sizing: border-box;
  border: none;
  padding: 6px;
  width: 255px;
  position: relative;
  padding-left: 70px;
  color: #83774d;
  font-family: open-sans-condensed, sans-serif;
  font-size: 18px;
}
.quickform > div, .quickform > a{
  line-height: 40px;
  display: block;
}
.quickform > div{
  margin-right: 20px;
}
.qf-field{
  position: relative;
  margin-right: 13px;
}
.qf-field input{
  background: url(../images/cal.png) no-repeat center right #fff;
  border-right: 6px solid #fff;

}
.quickform label{
  height: 40px;
  display: block;
  line-height: 40px;
  position: absolute;
  z-index: 5;
  left: 5px;
  text-transform: none;
}
.quickform input[type="submit"]{
  width: 97px;
  text-align: center;
  padding: 0;
  background: #e1d9be;
  margin-right: 13px;
  cursor: pointer;

}
div.buchenseekda{
  width: 97px;
  text-align: center;
  background: #d6d897;
  color: #778811;
  cursor: pointer;
}
.qf-field {
  position: relative;
}




/* Anfrage */

/* Bh-Anfrage */
#Content .bhAnfrage{
  text-align: center;
}
.bhAnfrage form{
  width: 720px;
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: left;
}
.bh-fieldblock{
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 2.5px 4.33px 15px 0px rgba(1, 0, 0, 0.31);
  position: relative;
}
.bh-fieldblock-left,.bh-fieldblock-right{
  width: 50%;
  position: relative;
  box-sizing: border-box;
}
.bh-fieldblock-left{
  padding-right: 20px;
}
.bh-field{
  padding: 7px 0;
}
.bh-field input, 
.bh-field textarea, 
.bh-field label,
.bh-field select{
  font-size: 18px;
  font-family: open-sans-condensed, sans-serif;
}
.bh-field textarea{
  padding: 10px;
}
.bh-form-field {
	margin-bottom: 10px;
}
.bh-fieldblock-label{
  font-family: open-sans-condensed, sans-serif;
  color: #576834;
  font-size: 22px;
  margin-bottom: 15px;
}
.bh-field input[type="text"],
.bh-field input[type="number"],
.bh-field input[type="mail"],
.bh-field select{
  box-sizing: border-box;
  width: 100%;
  background: none;
  border: 1px solid #e1d9be;
  padding-left: 10px;
  height: 40px;
}

.bh-field input[type="submit"] {
  border: none;
  width: 200px;
  text-align: center;
  padding: 0;
  background: #e1d9be;
  margin-right: 13px;
  cursor: pointer;
  height: 40px;
}
.bh-fieldblock-body-rooms label{
  display: inline-block;
  margin-right: 20px
}

.bhAnfrage .field-select-wrapper{
	position: relative;
	display: block;
	cursor: pointer;
}

.bhAnfrage select{
	border-radius: 0;
	background: none;
	-webkit-appearance: none;
}
.bhAnfrage .select-icon{
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 10px;
	height: 100%;
    font-size: 20px;
    line-height: 20px;
    box-sizing: border-box;
    border-left: 1px solid #e1d9be;
    pointer-events: none;
    color: #e1d9be;
}




path.bh-brand-logo, path.bh-brand-text {
  fill: #b3a378;
}

#ui-datepicker-div{
  z-index: 30 !important;
}

.result-list-item{
  text-align: left;
}
#kesearch_num_results{
  text-align: left;
}
#Content .kesearchbox input#ke_search_sword{
  border: 1px solid #dedede !important;
}
#Content .kesearchbox input#ke_search_sword::placeholder{
  color: white;
}
#Search input::-webkit-input-placeholder{
  color: white;
}
#Content .kesearchbox #kesearch_submit[type="image"]{
  width: 20px;
  height: 20px;
  right: 20px;
}
#Content #ke_search_sword{
  color: #666666;
}
#Content .kesearchbox #ke_search_sword{
  background: url(../images/search_btn.png) no-repeat left 20px center;
}
#Content .kesearchbox #kesearch_submit{
  background: url(/fileadmin/images/white_double_arrow_grey.png) no-repeat center center;
}

@media all and (max-width: 1385px){
    #Logo a {
      background: url(../images/logo_trans_new_noclaim.png) no-repeat left center;
      background: url(../images/logo_trans_new_noclaim.svg) no-repeat left center;
      background-size: 80px 75px;
  }
  .scrollOverMenu #Logo a {
    height: 50px;
    width: 65px;
    background-size: 50px 48px;  
  }
}

@media ( max-width : 1200px ){
/*
  #Logo a{
    background-size: contain;
    height: 124px;
    width: 100px;
  }
  .show-shadow #Logo{
    top: 0 !important;
  }
  .show-shadow #Logo a{
    background-position: center center;
  }
  .bh-navigation{
    margin-left: 80px;
  }
  .centered, .hsnavi_box{
    width: 100%;
  }
*/
  
  .scrollOverMenu #TopOuterFixed{
    position: static;
  }
  #SearchBtn, #Search, #HeaderButton, #Schleier{
    display: none;
  }
  .hsnavi_item_text{
    max-width: 155px;
  }
  .hsnavi_item_image.l {
    margin-right: 5px;
  }
  .hsnavi_item a{
    padding: 7px;
  }
  .centered{
    box-sizing: border-box;
    padding: 0 20px;
  }
/*
  .wholewidth.bhElement{
    margin: 0 -20px !important;
  }
*/
  .pauschalbox{
    width: 27%;
    margin-left: 3%;
  }
  .pauschalbox img{
    width: 100%; height: auto;
  }
  .hnavi_item > a{
    font-size: 18px;
  }
  #Wetter img{
    margin-right: 5px;
  }
}

/* UMBAU 2016 */
#Umbau-Message {
  width: 100%;
  height: 40px;
  background-color: #fcfaf4;
  padding-top: 20px;
}
#Umbau-Message a {
  background-color: transparent;
  color: #7D292A;
}
.bgBox.bhElement .umbau {
  display: none;
}





.skd-widget .skd-widget-btn-primary {
  background: #7f292a !important;
  border-color: #7f292a !important;
  border-radius: 0px !important;
}


.skd-offer-list-widget .container-progress ul.skd-breadcrumbs li.skd-active,
.skd-offer-list-widget .container-progress ul.skd-breadcrumbs li:not(.skd-widget-disabled):hover,
.skd-package-details .skd-container-rates .skd-btn-checkout,
.skd-room-details .skd-container-rates .skd-btn-checkout {
  background: #7f292a !important;
  border-color: #7f292a !important;  
}

.skd-offer-list-widget .container-progress ul.skd-breadcrumbs li.skd-active:after, .skd-offer-list-widget .container-progress ul.skd-breadcrumbs li:not(.skd-widget-disabled):hover:after,
.skd-offer-list-widget .skd-service-entry .skd-service-controls .skd-widget-input-group .skd-remove-service,
.skd-offer-list-widget .skd-service-entry .skd-service-controls .skd-widget-input-group .skd-add-service,
.skd-offer-list-widget .skd-service-entry .skd-service-controls .skd-widget-input-group .skd-amount-tag,
.skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-room-box-container .skd-room-box .skd-room-nr .skd-circle,
.skd-offer-list-widget .skd-package .skd-package-amount-and-details .skd-package-details-btn,
.skd-offer-list-widget .skd-service-entry .skd-service-selection-mark,
.skd-offer-list-widget .skd-service-entry .skd-service-selection-mark:before,
.skd-offer-list-widget .skd-service-entry .skd-service-selection-mark:after {
  background-color: #7f292a !important;  
}

.skd-offer-list-widget .container-progress ul.skd-breadcrumbs li.skd-active:before,
.skd-offer-list-widget .container-progress ul.skd-breadcrumbs li:not(.skd-widget-disabled):hover:before,
.skd-package-title .skd-occupancy-icons,
.skd-room-title .skd-occupancy-icons,
.skd-offer-list-widget .skd-wrapper-results .skd-btn-to-offers,
.skd-price-wrapper,
.skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room,
.skd-check-availability-widget .skd-contentContainer .skd-search-box .skd-occupancy .skd-add-room .skd-plus-sign,
.skd-container-policies .skd-policy h3,
.skd-share-row a, .skd-share-row a:hover {
  color: #7f292a !important;
}

.skd-widget .skd-widget-alert-info {
  background-color: rgba(217, 163, 0, 0.200) !important;
    border-color: rgba(217, 163, 0, 1.000) !important;
    color: #b38600 !important;
}


/**************
* redesign - markus
**************/

.bhe-state-editing #Page{
  margin-top: 60px;
}
#HeaderBottom{
    width: 1100px;
    margin: 0 auto;
    margin-top: -45px;
    z-index: 10;
}
@media all and (max-width: 1100px){
  #HeaderBottom{
      width: 100%;
    }
}

#HeaderButton {
    position: absolute;
    left: -80px;
}
#TopOuter {
  -webkit-font-smoothing: auto;
}

/**************
* Schatten Header..
**************/

#HeaderShadow{
  position: absolute;
  display: block !important;
  height: 300px;
  width: 100%;
  z-index: 50;
  
  background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad000000', endColorstr='#007db9e8',GradientType=0 );

}
.bhe-state-editing #HeaderShadow {
  pointer-events: none;
}

/**************
* HEADER / LOGO
**************/

#TopOuter{
  background: none;
    position: absolute;
    top: 100px;
    width: 100%;
}
.hnavi_linkname {
    color: rgb(255, 255, 255);
}
.scrollOverMenu .hnavi_linkname {
    color: rgb(127, 41, 42);
}
div#HeaderOuter {
  position: relative;
}

/**************
* Header NAV
**************/
.hnavi_item > a{
  border-left: none;
}
#AdresseTop {
  display: none;
}
#TopOuter #AdresseTop{
  display: block;
  position: absolute;
  top: 30px;
  right: 100px;
  font-family: open-sans-condensed, sans-serif;
  font-size: 19px;
}
.scrollOverMenu #AdresseTop{
  display: none !important;
}
#AdresseTop{
  text-align: right;
}
#AdresseTop a{
  color: white;
}

/**************
* Search
**************/

#SearchBtn {
    position: absolute;
    top: 20px;
}

#SearchBtn .search-btn{
  position: absolute;
  top: -10px;
  right: -60px;
  
  font-family: open-sans-condensed, sans-serif;
    font-weight: 300;
  color: rgba(255,255,255,0.5);
  line-height: 40px;
    font-size: 19px;
}
#SearchBtn .search-btn:hover {
  color: rgba(255,255,255,1);
}
span.bh-font-search {
    position: absolute;
    top: 10px;
    left: -30px;
}

/**************
* LOGO
**************/
#Logo {
    top: -15px;
    left: 80px;
}
#Logo a {
    width: 283px;
    height: 107px;
    background: url(../images/logo-white.png) no-repeat left center !important;
  background-size: 283px 107px !important;
}
.scrollOverMenu #Logo a{
  background: url(../images/logo_trans_new.png) no-repeat left center !important;
  background-size: 166px 53px !important; 
}

/**************
* Service Nav
**************/
#TopServiceNavigation{
  display: flex !important;
  justify-content: flex-end;
  position: absolute;
    top: 0;
    right: 25px;
    z-index: 60;  
    padding-top: 10px;
    padding-right: 170px;
    box-sizing: border-box;
}
.bhe-state-editing #TopServiceNavigation {
  pointer-events: none;
}
.header-service-item {
    display: inline-block;
}
.header-service-item {
  margin: 0 20px;
}
.header-service-item a{
  font-family: open-sans-condensed, sans-serif;
    font-weight: 300;
  color: rgba(255,255,255,0.5);
  line-height: 40px;
    font-size: 19px;
}
.header-service-item a:hover {
  color: rgba(255,255,255,1);
}

/* --- MEDIAQUERIES HEADER NEU --- */

@media all and (max-width: 1560px){
  
  #Logo {
      top: 0px;
      left: 50px;
  }
  #Logo a {
      width: 220px;
      height: 83px;
  }
  #Logo a {
      background-size: 220px 83px !important;
  }
  #TopOuter #AdresseTop {
      right: 50px;
  }
  #SearchBtn {
      right: 65px;
    }  
    #TopServiceNavigation {
      padding-right: 115px;
  }
  #TopOuter {
      top: 70px;
  }
}
@media all and (max-width: 1390px){
  
  #Logo {
      top: 0px;
      left: 35px;
  }
  #Logo a {
      width: 180px;
      height: 68px;
  }
  #Logo a {
      background-size: 180px 68px !important;
  }
}
@media all and (max-width: 1275px){
  
  #TopServiceNavigation {
      display: none !important;
  }
  #Logo {
    top: -85px;
    left: 50%;
    margin-left: -30px;
  }
  #TopOuter #AdresseTop {
    display: none;
  }
  #TopOuter {
      top: 110px;
  }
  #Navigation {
      width: 100%;
  }
  .bh-navigation {
      margin-left: 0px;
  }
  .hnavi_item {
      padding: 15px 0;
  }
  .hsnavi_box {
      top: 60px;
  }
}

/**************
* ICON
**************/
#TopServiceNavigation .top-btn-angebote,
#TopServiceNavigation .top-btn-impressionen,
#TopServiceNavigation .top-btn-kontakt,
#TopServiceNavigation .top-btn-lage{
  color: white;
  font-size: 16px;
  cursor: pointer;

}
#TopServiceNavigation span.bh-font-bed,
#TopServiceNavigation span.bh-font-heart,
#TopServiceNavigation span.bh-font-image, 
#TopServiceNavigation span.bh-font-speech-bubble,
#TopServiceNavigation span.bh-font-pin {
    margin-right: 10px;
}

/**************
* ELEMENTE
**************/

/* bh-box */
.bhBox.bhElement.fullImgBox {
  box-shadow: none;
  padding: 0px;
  margin-bottom: 15px;
}
a.bhBox.bhElement.fullImgBox .boxTitle{
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 51;
}
a.bhBox.bhElement.fullImgBox .boxTitle .grey{
  color: white !important;
}
.bhBox.bhElement.fullImgBox .boxTitle h2 span{
  color: white !important;
}
.bhBox.bhElement.fullImgBox .boxContent {
    display: none;
}


/* bh-col */
.bhCols.bhElement.cols-schmall .cols1 .bhCol {
  width: calc(33.3333% - 15px);
  margin-right: 15px;
}
.bhCols.bhElement.cols-schmall .cols2 .bhCol {
  width: calc(33.3333% - 15px);
  margin-right: 15px;
}
.bhCols.bhElement.cols-schmall .cols3 .bhCol {
  width: calc(33.3333% - 15px);
  margin-right: 15px;
}

/* IMG */
.bhBox.bhElement.fullImgBox .boxBild img {
    width: 100%;
    height: 100%;
}
.bhBox.bhElement.fullImgBox .boxBild:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  z-index: 50;
  
  background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );
}

/**************
* NEWS - Liste2
**************/

.bhNewsliste {
  margin-top: 40px;  
}
.bhNewsliste .newslist-two .newslist_text {
  font-size: 14px;
  line-height: 27px;
}
.bhNewsliste .newslist-two {
  margin-bottom: 50px;
}

.bhNewsliste .list2-title h3{
  text-align: center;
  margin-bottom: 40px;
  font-size: 31px !important;
  letter-spacing: 6px;
  padding-top: 15px;
}
.bhNewsliste .newslist-two .ctNewsBox{
  width: 33%;
}
.bhNewsliste .newslist-two.clearfix{
  display: flex;
  justify-content: center;
}
.bhNewsliste .newslist-two .newslist_pic img {
    border-radius: 90px;
    margin: 0 auto;
}
.bhNewsliste .newslist-two .newslist_pic {
    width: 100%;
    margin-bottom: 30px;
}
.bhNewsliste .newslist-two .newslist_content{
  width: 100%;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.bhNewsliste .newslist-btn-box{
  width: 100%;
  margin-bottom: 100px;
  margin-top: 20px;
  text-align: center;
}
.bhNewsliste .newslist-btn{
    margin: 0 auto;
    text-align: center;
    padding: 13px 40px;
    background: #F5F5F3;
    max-width: 150px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: open-sans-condensed, sans-serif;
    font-size: 18px;
    transition: .2s;
    color: #a2a09a;
    letter-spacing: 2px;
}
.bhNewsliste .newslist-btn:hover{
    background: rgba(200,200,200,0.2);
}  

/* Arrows */
.bhNewsliste .swiper-button-prev, 
.bhNewsliste .swiper-button-next{
  background-image: none !important;  
    height: 100% !important;
    top: 0px !important;
    width: 50px !important;
}
.bhNewsliste .swiper-button-prev {
    left: 0px !important;
}
.bhNewsliste .swiper-button-next {
    right: 0px !important;
}
.bhNewsliste .swiper-button-prev:before,
.bhNewsliste .swiper-button-next:before{
  color: gray;
  font-size: 40px;
  top: 100px;
  position: absolute;
  font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bhNewsliste .swiper-button-prev:before{
  content: "\e905";
  left: 5px;  
}
.bhNewsliste .swiper-button-next:before{
  content: "\e906";
  right: 5px;
}





/**************
* Cookies - West
**************/
.bh-state-desktop .bh-cookies-warning {
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 320px;
    padding: 15px;
    box-sizing: border-box;
    z-index: 700;
    color: #fff;
    background-color: #353535;
    display: none;
    border-radius: 8px;
}

.bh-state-desktop .bh-cookies-warning-accept,
.bh-state-desktop .bh-cookies-warning-link {
    background: transparent;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 50%;
    transition: 0.5s all;
    
    border-right: 1px solid rgba(255,255,255,0.2);
    color: #FFFFFF !important;
    font-size: 15px;
    line-height: 40px;
}

.bh-state-desktop .bh-cookies-warning-accept:hover,
.bh-state-desktop .bh-cookies-warning-link:hover {
  background: #beb594;
}


.bh-state-desktop .bh-cookies-warning-link,
.bh-state-desktop .bh-cookies-warning-accept {
  padding: 0px;
  margin: 0px;
}

.bh-state-desktop .bh-cookies-warning-link {
  border-right: 0px;
}

.bh-state-desktop .bh-cookies-buttons {
  display: inline-block;
  float: none;
  display: flex;
  justify-content: center;
  padding: 0px;
  border-top: 1px solid rgba(255,255,255,0.2);
}

.bh-state-desktop .bh-cookies-warning-text {
  padding-top: 15px;
  text-align: center;

  border-top: 1px solid rgba(255,255,255,0.2);  
  font-size: 12px;
  line-height: 18px;
  color: rgba(255,255,255,0.8);

}

/* ANPASSUNG THUMBNAIL-GALERIE - UMBAU VON bhGALLERY AUF EL-GALLERY - Sascha (18.06.2021) */

.el-gallery .el-gallery-thumbnail-container {
	grid-template-columns: repeat( auto-fit, minmax(190px, 1fr));
    grid-gap: 15px;
}
.el-gallery .el-gallery-thumbnail-container .el-gallery-item {
    box-sizing: border-box;
    padding-top: 70%;
}
.el-gallery .el-gallery-thumbnail-container .el-gallery-item:hover {
	opacity: 0.7;
}







/*------------------------------------*\
  #SEARCH
\*------------------------------------*/

.bh-search-inner{
	z-index: 500;
	background: rgba(240, 242, 239, 1.000);
	top: -5000px;
	position: fixed;
	width: 700px;
	/*     padding: 50px; */
	height: 80vh;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top: 30px;
	-webkit-box-shadow: 0 0 100px rgba(0,0,0,0.2);
	        box-shadow: 0 0 100px rgba(0,0,0,0.2);
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	right: calc(50vw - 350px);
	padding-left: 20px;
	padding-right: 20px;
	color: #666666;
}

.bh-search-inner.active{
	top: 10vh;
}

.bh-search-query {
	width: 100%;
	background: none;
	border: 0px;
	border-bottom: 2px #666666 solid;
	font-size: 18px;
	color: #666666;
	line-height: 1.94;
}

.bh-search-wrapper-input{
	position: relative;
	margin-bottom: 20px;
}

.bh-search-wrapper-input:before {
	font-size: 20px;
	content: "\e98b";
	font-family: 'bakehouse-iconset' !important;
	cursor: pointer;
	position: absolute;
	pointer-events: none;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

.bh-search-inner input{
	-webkit-appearance: none;
	padding-left: 40px;
	-webkit-box-sizing: border-box;
	      box-sizing: border-box;
	width: 100%;
	border-radius: 0;
}

.bh-search-inner input:focus {
	outline: 0;
}


.closesearch{
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 20px;
	cursor: pointer;
}

.bh-search-result{
	color: black;
	display: block;
	margin-right: 35px;
	background: #ede5cd;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 15px;
}

.bh-search-result-title{
	color: #7f292a;
	font-size: 15px;
	margin-bottom: 5px;
}

.bh-search-result-url{
	font-weight: 500;
	-o-text-overflow: ellipsis;
	 text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	font-size: 11px;
}

.bh-search-inner{
	overflow-y: scroll;
}

/* nur die ersten 7 Resultate anzeigen */
.bh-search-wrapper-result .bh-search-result:nth-child(n+7){
	display: none;
}

.bh-search-result-context{
	font-size: 11px;
}