/*
  README
    -----------------------------

  CSS Guidelines

  This project follows the BEM (Block Element Modifier ) Pattern.
  ( please refer https://cssguidelin.es/ )

  Global css classes are marked with the prefix "style-", page template classes with "l-" prefix and js classes with "js-".

  CSS Breakpoints:
  max-width: 600px -> small smartphones
  max-width: 767px -> smartphones
  max-width: 1023px -> small tablets
  max-width: 1140px -> tablets
  max-width: 1280px -> small desktops

*/

/*------------------------------------*\
  #Fonts
\*------------------------------------*/

/* -------- Font Families ------- */
/*
  font-family:"freight-sans-pro";
*/

@import url('https://use.typekit.net/uiu2cbn.css');

/*------------------------------------*\
  #Global Variables
\*------------------------------------*/

:root {

	--theme-color--ibb-red: #C8191B;
	--theme-color--ibb-orange: #F18700;
	--theme-color--ibb-yellow: #FFCC00;
	--theme-color--ibb-black: #1D1D1B;
	--theme-color--ibb-blue-dark: #363E45;
	--theme-color--ibb-green: #9EED39;
	--theme-color--ibb-grey-light: #EFF2F3;
	--theme-color--ibb-white: #FFFFFF;
    --theme-color--ibb-gray: #CCCCCC;

}

/*------------------------------------*\
  #Font Sizes
\*------------------------------------*/
html{
  /* 1rem = 10px */
  font-size: 10px;
}

.l-page,
.bh-search-inner input{
  font-family: freight-sans-pro, "Trebuchet MS", Calibri, sans-serif;
  -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
          font-feature-settings: 'pnum' on, 'lnum' on;
}


.l-page{
  font-size: 1.9rem;
  line-height: 1.35;
  color: var(--theme-color--ibb-black);
}

h1{
  font-style: italic;
  font-weight: bold;
  font-size: 5rem;
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
}

h2{
  font-style: italic;
  font-weight: bold;
  font-size: 4rem;
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
}

h3{
  font-style: italic;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
}

h4{
  font-style: italic;
  font-weight: bold;
  font-size: 1.9rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
}

h5{
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 0.9;
  letter-spacing: 0.01em;
  color: var(--theme-color--ibb-blue-dark);
}

h6{
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 0.9;
  letter-spacing: 0.01em;
  color: var(--theme-color--ibb-blue-dark);
}

.style-bodytext--teaser{
  font-size: 2.6rem;
  line-height: 1.3;
  color: var(--theme-color--ibb-blue-dark);
}

.bh-bodytext a{
  color: var(--theme-color--ibb-orange);
  text-decoration: underline;
  text-underline-offset: 1px;
  text-decoration-thickness: 1px;
  transition: color .4s;
}
.bh-bodytext a:hover{
  color: var(--theme-color--ibb-blue-dark);
}
.bh-bodytext strong{
  font-weight: 600;
}

/* yellow box should not have orange text link color */
.style-bg--ibb-yellow .bh-bodytext a,
.bh-bodytext .style-color--white a{
  color: inherit;
}



@media(max-width: 767px){

  .l-page{
    font-size: 1.8rem;
  }

  h1{
    font-size: 3rem;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
  h2{
    font-size: 2.8rem;
  }
  h3{
    font-size: 2.2rem;
    line-height: 1.1;
  }
  h4{
    font-size: 1.8rem;
  }
  h5{
    font-size: 2.2rem;
  }
  h6{
    font-size: 1.6rem;
  }
  .style-bodytext--teaser{
    font-size: 2.1rem;
  }
}







/*------------------------------------*\
  #Global Heights
\*------------------------------------*/
.style-height--vsmall { min-height: 20vh;}
.style-height--small { min-height: 33vh;}
.style-height--normal{ min-height: 50vh;}
.style-height--large { min-height: 66vh;}
.style-height--xlarge { min-height: 80vh;}
.style-height--full { min-height: 100vh;}









/*------------------------------------*\
  #Global Colors
\*------------------------------------*/
.style-color--ibb-red{ color: var(--theme-color--ibb-red); }
.style-color--ibb-orange{ color: var(--theme-color--ibb-orange); }
.style-color--ibb-yellow{ color: var(--theme-color--ibb-yellow); }
.style-color--ibb-black{ color: var(--theme-color--ibb-black); }
.style-color--ibb-blue-dark{ color: var(--theme-color--ibb-blue-dark); }
.style-color--ibb-green{ color: var(--theme-color--ibb-green); }
.style-color--ibb-grey-light{ color: var(--theme-color--ibb-grey-light); }
.style-color--white{ color: var(--theme-color--ibb-white); }


.style-color--white :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .style-bodytext--teaser,
  .style-bodytext--intro,
  .style-bodytext--intro2,
  .style-bodytext--highlight,
  .el-iconbox__title,
){
  color: var(--theme-color--ibb-white);
}






/*------------------------------------*\
  #Global Backgrounds
\*------------------------------------*/
.style-bg--ibb-red{ background-color: var(--theme-color--ibb-red); color: white; }
.style-bg--ibb-orange{ background-color: var(--theme-color--ibb-orange); }
.style-bg--ibb-yellow{ background-color: var(--theme-color--ibb-yellow); }
.style-bg--ibb-black{ background-color: var(--theme-color--ibb-black); }
.style-bg--ibb-blue-dark{ background-color: var(--theme-color--ibb-blue-dark); color: white; }
.style-bg--ibb-green{ background-color: var(--theme-color--ibb-green); }
.style-bg--ibb-grey-light{ background-color: var(--theme-color--ibb-grey-light); }
.style-bg--white{ background-color: var(--theme-color--ibb-white); }







/*------------------------------------*\
  #Global Darken Overlays
\*------------------------------------*/

.style-darken--full{
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
/*
.style-darken--left{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%);
}
*/








/*------------------------------------*\
  #Global Alignments
\*------------------------------------*/
.style-justify--left{
	margin-left: 0;
	margin-right: auto;
	/* text-align: left; */
}
.style-justify--center{
	margin-left: auto;
	margin-right: auto;
	/* text-align: center; */
}

.style-justify--right{
	margin-left: auto;
	margin-right: 0;
	/* text-align: right; */
}


.style-align--top{
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.style-align--normal{
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.style-align--bottom{
  -ms-flex-item-align: end;
      align-self: flex-end;
}










/*------------------------------------*\
  #Global Buttons
\*------------------------------------*/

/* all Buttons (primary, secondary, tertiary ) */
[class*="style-button--"]{

  text-transform: uppercase;
  /* color: var(--theme-color--ibb-blue-dark); */
  font-style: italic;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
	cursor: pointer;
  -webkit-transform: skew(-11deg);
      -ms-transform: skew(-11deg);
          transform: skew(-11deg);
  display: inline-block;
}

.style-button-inner{
  /* reset transform */
  -webkit-transform: skew(11deg);
      -ms-transform: skew(11deg);
          transform: skew(11deg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}



[class*="style-button--primary"] .style-button-inner{
  min-width: 16rem;
  min-height: 4.9rem;
  padding: .7rem 3rem;
  /* -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
          clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); */
  font-weight: 700;
  font-size: 1.8rem;
}

[class*="style-button--secondary"] .style-button-inner{
  min-width: 16rem;
  min-height: 3rem;
  padding: 0.5rem 3rem;
  /* -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
          clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); */
  font-weight: bold;
  font-size: 1.6rem;
}

[class*="style-button--tertiary"] .style-button-inner{
  min-height: 3rem;
  min-width: 10rem;
  /* min-width: 20rem; */
  padding: 0.5rem 2rem;
  /* -webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
          clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); */
  font-weight: bold;
  font-size: 1.7rem;
}

.el-linkbutton__inner{
  transition: all .4s;
}
.el-linkbutton__inner:hover{
  transform: scale(1.07);
  box-shadow: 0px 5px 30px rgab(0,0,0,.2);
}

.style-button-yellow{
  background-color: var(--theme-color--ibb-yellow);
  color: var(--theme-color--ibb-blue-dark);
}

.style-button-orange{
  background-color: var(--theme-color--ibb-orange);
  color: var(--theme-color--ibb-blue-dark);
}

.style-button-red{
  background-color: var(--theme-color--ibb-red);
  color: white;
}

.style-button-blue-dark{
  background-color: var(--theme-color--ibb-blue-dark);
  color: var(--theme-color--ibb-yellow);
}

.style-button-white{
  background-color: white;
  color: var(--theme-color--ibb-blue-dark);
}


@media( max-width: 767px){
  [class*="style-button--primary"] .style-button-inner{
    min-width: 12rem;
    font-size: 1.5rem;
    min-height: 4rem;
    padding: 0.5rem 2rem;
  }
  [class*="style-button--secondary"] .style-button-inner{
    min-width: 12rem;
    font-size: 1.3rem;
    padding: 0.5rem 2rem;
  }
  [class*="style-button--tertiary"] .style-button-inner{
    min-width: 15rem;
    font-size: 1.4rem;
    padding: 0.5rem 2rem;
  }
}









/*------------------------------------*\
  #Global Labels
\*------------------------------------*/

.style-label--opened-1,
.style-label--closed-1,
.style-label--opened-2,
.style-label--closed-2{
  background-color: var(--theme-color--ibb-green);
  font-style: italic;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
  min-height: 3rem;
  padding: 1rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* -1% hack, otherwise chrome makes 1px line because of rounding pixels */
  -webkit-clip-path: polygon(-1% -1%, 100% -1%, 96% 100%, -1% 100%);
          clip-path: polygon(-1% -1%, 100% -1%, 96% 100%, -1% 100%);
}
.style-label--closed-1,
.style-label--closed-2{
  background-color: var(--theme-color--ibb-red);
  color: white;
}
.style-label--opened-2,
.style-label--closed-2{
          -webkit-clip-path: polygon(4% -1%, 100% -1%, 96% 100%, -1% 100%);
                  clip-path: polygon(4% -1%, 100% -1%, 96% 100%, -1% 100%);
}







/*------------------------------------*\
  #Global Table Style
\*------------------------------------*/


@-webkit-keyframes table-overflow-outer {
  0% { right: 0; opacity: 1; }
  100% { right: 20px; opacity: 0; }
}
@keyframes table-overflow-outer {
  0% { right: 0; opacity: 1; }
  100% { right: 20px; opacity: 0; }
}

.style-table__wrapper-outer{

}

.style-table__wrapper{
  overflow: auto;
  margin-bottom: 2rem;
}

.style-table__wrapper table{

}

.style-table__wrapper th{
  font-weight: 600;
  font-size: 1.7rem;
}

.style-table__wrapper th,
.style-table__wrapper td{
  padding: .6rem 1rem;
  text-align: center;
  line-height: 1.15;
}

.style-table__wrapper td:first-child{
  text-align: left;
  /* font-weight: 600;
  color: var(--theme-color--ibb-orange); */
}

.style-table__wrapper td{
  font-size: 1.8rem;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

@media( max-width: 767px ){

  .style-table__wrapper table{
    font-size: 1.4rem;
    line-height: 1.2;
    min-width: 630px;
  }

  .style-table__wrapper td{
    padding: 0.4rem 0.8rem;
  }


  .style-table:not(.style-table--first-row-fixed):not(.style-table--scroll) tr td:first-child{
    width: 60%;
  }

  .style-table--scroll .style-table__wrapper-outer{
    position: relative;
  }
  /* HORIZONTALER SCROLL */
  .style-table--scroll .style-table__wrapper {
    overflow-y: scroll;
  }

  .style-table--scroll .style-table__wrapper-outer,
  .style-table--first-row-fixed .style-table__wrapper-outer{
    margin-top: 2rem;
  }

  .style-table--scroll .style-table__wrapper-outer:before,
  .style-table--first-row-fixed .style-table__wrapper-outer:before  {
      font-family: 'bakehouse-iconset';
      line-height: 1;
      -webkit-animation: table-overflow-outer 2s infinite;
              animation: table-overflow-outer 2s infinite;
      text-align: center;
      line-height: 3rem;
      font-size: 1.7rem;
      content: '\e9a2';
      display: block;
      width: 3rem;
      height: 3rem;
      position: absolute;
      right: 0;
      top: -2rem;
      z-index: 20;
      background-color: var(--theme-color--ibb-blue-dark);
      color: #fff;
      border-radius: 50%;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
  }

  .style-table--scroll .style-table__wrapper-outer:after {
    content: '';
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
/* 	    margin-right: -1px; */
    top: 0;
    z-index: 9;
    background: -webkit-gradient(linear,  left top, right top,  from(rgba(242,242,242,1)),to(rgba(242,242,242,0)));
    background: -o-linear-gradient(left,  rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
    background: linear-gradient(to right,  rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;

    pointer-events: none;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .style-table--scroll .style-table__wrapper-outer[data-scrollstate="onmyway"]:after,
  .style-table--scroll .style-table__wrapper-outer[data-scrollstate="onmyway"]:before {
    opacity: 0;
    -webkit-animation: none;
            animation: none;
  }

  /* REORDERED TABLE */

  .style-table--reorder .name {
    border-bottom: 1px solid #EAEAEA;
    font-weight: bold;
    text-transform: uppercase;
  }

  .style-table--reorder .key,
  .style-table--reorder .value {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .style-table--reorder .row {
    margin-bottom: 20px;
  }

  .style-table--reorder .row:after {
      content: ".";
      clear: both;
      display: block;
      visibility: hidden;
      height: 0px;
  }

  /* FIXED FIRST ROW TABLE */
  .style-table--first-row-fixed {
    position: relative;
  }

  .style-table--first-row-fixed td:first-child {
    position: absolute;
    width: 7rem;
    left: 0;
    padding-left: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .style-table--first-row-fixed td:nth-child(2) {
    padding-left: 20px;
  }

  .style-table--first-row-fixed td {
    white-space: nowrap;
  }

  .style-table--first-row-fixed .style-table__wrapper-outer {
    display: block;
    overflow-x: scroll;
  }
  .style-table--first-row-fixed .style-table__wrapper-outer:after {
    content: '';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
/* 	    margin-right: -1px; */
    top: 0;
    z-index: 10;
    background: -webkit-gradient(linear, left top, right top, from(rgba(242,242,242,1)),to(rgba(242,242,242,0)));
    background: -o-linear-gradient(left, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
    background: linear-gradient(to right, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
/* 		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=1 ); */
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;

    pointer-events: none;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .style-table--first-row-fixed .style-table__wrapper-outer[data-scrollstate="onmyway"]:before {
    opacity: 0;
    -webkit-animation: none;
            animation: none;
    display: none;
  }

  .style-table--first-row-fixed .style-table__wrapper-outer,
  .style-table--first-row-fixed .style-table__wrapper:after {
    margin-left: 7rem;
  }
}












/*------------------------------------*\
  #Global Lang Popover Style
\*------------------------------------*/

.style-lang-popover{
  opacity: 0;
  pointer-events: none;
  top: 100%;
  position: absolute;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;

  background: rgba(255,255,255,1);
    -webkit-box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.4);
      box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.4);
    padding: 2rem;
    border-radius: 5px;
    color: black;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -7deg);
            transform: perspective(1000px) rotate3d(1, 0, 0, -7deg);
}

.style-lang-popover__arrow{
  position: absolute;
  top: -1.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 1.2rem 1.2rem 1.2rem;
  border-color: transparent transparent #ffffff transparent;
  z-index: 10;
}
.style-lang-popover__back{
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
      -ms-transform: translateX(50%) translateY(-50%);
          transform: translateX(50%) translateY(-50%);
  font-size: 2rem;
  background: var(--theme-color--ibb-yellow);
  border-radius: 100%;
  padding: 0.5rem;
}





/* -------- Popover Language Menu ------- */
.style-lang-popover .bh-language-menu{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  min-width: 8rem;
}

.style-lang-popover .bh-language-menu a {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: center;
}







/*------------------------------------*\
  #Global List Style
\*------------------------------------*/
.bh-bodytext ul,
.frame-type-menu_sitemap ul{
  list-style:none;
  padding-left: 0;
}

.bh-bodytext li,
.frame-type-menu_sitemap li{
  position: relative;
  padding-left: 2rem;
}

.bh-bodytext li::before,
.frame-type-menu_sitemap li::before{
  content: '';
  -webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
          clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  background-color: var(--theme-color--ibb-yellow);
  width: 11px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 8px;
}

.style-bg--ibb-yellow .bh-bodytext li::before,
.style-bg--ibb-yellow .frame-type-menu_sitemap li::before{
  background-color: currentColor;
}






/*------------------------------------*\
  #Global Scrollbar Style
\*------------------------------------*/
/* ::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar {
  width: 11px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--theme-color--ibb-orange);
  border-radius: 6px;
  border: 3px solid transparent;
} */






/*------------------------------------*\
  #Global Swiper Controls
\*------------------------------------*/
.swiper-navigation.swiper-navigation{
	/* background: white;
          -webkit-clip-path: polygon(16.2% 0%, 100% 0%, 83.8% 100%, 0% 100%);
                  clip-path: polygon(16.2% 0%, 100% 0%, 83.8% 100%, 0% 100%); */
  color: var(--theme-color--ibb-blue-dark);
  background-color: #fff;
	width: 4.4rem;
  height: 5.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  transform: skew(-11deg);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.swiper-navigation.swiper-navigation:before{
	font-family: 'bakehouse-iconset';
	font-size: 2.4rem;
  transform: skew(11deg);

}
.swiper-button-prev.swiper-button-prev:before{ content: '\e905';}
.swiper-button-next.swiper-button-next:before{ content: '\e906';}


.swiper-pagination-bullet{
  width: 9px;
  height: 9px;
  opacity: 0.4;
  border: 1px solid #000000;
  background: none;
  border-radius: 0;
  -webkit-transform: skew(-11deg);
      -ms-transform: skew(-11deg);
          transform: skew(-11deg);
}

.swiper-pagination-bullet-active{
  background: var(--theme-color--ibb-blue-dark);
  opacity: 1;
}
.el-gallery .swiper-pagination-bullet-active{
  background: var(--theme-color--ibb-white);
  border: none;
}
.el-gallery .swiper-pagination-bullet{
  opacity: 1;
  border: 1px solid #fff;
}







/*------------------------------------*\
  #Global Facility Style
\*------------------------------------*/

.style-facility__icon {
  font-family: 'ibbfont';
  font-size: 3.6rem;
  color: var(--theme-color--ibb-blue-dark);
}
.style-facility__slopenr{
  flex-shrink: 0;
  flex-grow: 0;
  width: 5rem;
  height: 5rem;
  margin-left: 1rem;
  margin-right: 2rem;
  border-radius: 10px;
  color: white;
  background-color: var(--theme-color--ibb-red);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.style-facility__slopenr[data-slope="2a"]{
  background-color: var(--theme-color--ibb-black);
}
.style-facility__slopenr[data-slope="3"]{
  background-color: #179fe3;
}
.style-facility__slopenr[data-slope="4"],
.style-facility__slopenr[data-slope="5"]{
  background-color: #f18700;
  transform: rotate(45deg);
}
.style-facility__slopenr[data-slope="4"] .style-facility__slopenr-inner,
.style-facility__slopenr[data-slope="5"] .style-facility__slopenr-inner{
  transform: rotate(-45deg);
}


.style-facility__content{
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.style-facility__title{
  font-weight: bold;
  /* font-size: 2rem; */
  font-size: clamp(1.7rem, 0.804669260700389rem + 1.1673151750972763vw, 2rem);
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
  margin-bottom: 0.5rem;
}

.style-facility__subtitle{
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}


.style-facility__text{
  font-size: 1.6rem;
  color: var(--theme-color--ibb-blue-dark);
  opacity: .7;
}
.style-facility__status{
  font-style: italic;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
}
.style-facility__status-open,
.style-facility__status-closed{
	display: none;
}
.style-facility__status-closed,
.el-opening.bhElement .el-facility__item[data-state="0"] .style-facility__icon {
	color: var(--theme-color--ibb-white);
}

.style-facility__status[data-state="0"] .style-facility__status-closed{ display: block; }
.style-facility__status[data-state="1"] .style-facility__status-open{ display: block; }


.style-facility__text-open,
.style-facility__text-closed{
	display: none;
}

.l-page--facilities-loaded .style-facility__text[data-state="0"] .style-facility__text-closed{ display: block; }
.l-page--facilities-loaded .style-facility__text[data-state="1"] .style-facility__text-open{ display: block; }



@media( max-width: 1023px){
  .style-facility__slopenr{
    width: 4rem;
    height: 4rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .style-facility__subtitle {
    margin-bottom: 0;
  }
}









/* -------- Facility Default Style ------- */
.style-facility--default{
  min-height: 9rem;
  background: var(--theme-color--ibb-grey-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-bottom: 3px;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.01em;
}
.style-facility--default:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  height: 100%;
  background:var(--theme-color--ibb-grey-light);
}

.l-page--facilities-loaded .style-facility--default:before {
    background:var(--theme-color--ibb-gray);
}

.l-page--facilities-loaded .style-facility--default[data-state="1"]:before{ background: var(--theme-color--ibb-green); }
.l-page--facilities-loaded .style-facility--default[data-state="0"]:before{ background: var(--theme-color--ibb-red); }

.style-facility--default .style-facility__icon {
  /* font-size: 5rem; */
  font-size: clamp(4rem, 1.0155642023346307rem + 3.891050583657587vw, 5rem);
  padding-right: 2rem;
  padding-left: 1.5rem;
}

@media( max-width: 1023px){
  .style-facility--default{
    padding: 1rem;
  }

  .style-facility--default .style-facility__icon{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}







/* -------- Facility Opening Style ------- */

.style-facility--opening .style-facility__content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-right: 6rem;

  /* -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%); */

  background: var(--theme-color--ibb-grey-light);
}

.style-facility--opening .style-facility__content-left{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem;
          -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
                  clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
  width: 18rem;
}
.style-facility--opening .style-facility__content-left .style-facility__icon{
  margin-right: 1.5rem;
}

.style-facility--opening .style-facility__content-right{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem;
  font-size: 1.8rem;
  line-height: 1.25;
  color: var(--theme-color--ibb-black);

}

.style-facility--opening .style-facility__date{margin-bottom: 0.25rem;}
.style-facility--opening .style-facility__text{font-weight: 600;}

.style-facility--opening .style-facility__status[data-state="0"] .style-facility__status-closed{ display: block; }
.style-facility--opening .style-facility__status[data-state="1"] .style-facility__status-open{ display: block; }

.style-facility--opening[data-state="0"] .style-facility__content-left{ background-color: var(--theme-color--ibb-red); }
.style-facility--opening[data-state="1"] .style-facility__content-left{ background-color: var(--theme-color--ibb-green); }


@media( max-width: 1023px){
  .style-facility--opening .style-facility__status{
    font-size: 1.4rem;
    text-align: center;
  }
  .style-facility--opening .style-facility__content{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .style-facility--opening .style-facility__content-right {
    padding: 1rem 2rem;
  }
  .style-facility--opening .style-facility__content-left{
    width: auto;
    padding: 0.8rem 2rem;
    padding-right: 3rem;
  }
  .style-facility--opening .style-facility__icon{
    display: none;
  }
  .style-facility--opening .style-facility__date,
  .style-facility--opening .style-facility__text {
    font-size: 1.4rem;
  }
}








/*------------------------------------*\
  #Global Temp Style
\*------------------------------------*/
.style-temp{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.style-temp__title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.style-temp__value{
  font-size: 3.5rem;
}
.style-temp__unit{
  text-transform: uppercase;
}
.style-temp__max{
  font-size: 1.2rem;
  text-transform: lowercase;
}

/* PANORAMA-PIC WINTER */


.style-pic--panorama{
  background-image: url("/fileadmin/images/header--panorama-winter.jpg");
}

.style-pic--panorama[data-panorama="144"]{
  background-image: url("/fileadmin/images/header--panorama-summer.jpeg");
}


/* PANORAMA-PIC SUMMER */

/* .style-pic--panorama{
  background-image: url("/fileadmin/images/header--panorama-summer.jpeg");
}

.style-pic--panorama[data-panorama="143"]{
  background-image: url("/fileadmin/images/header--panorama-winter.jpg");
} */


/*------------------------------------*\
  #Mobile Swiper cut off style
\*------------------------------------*/

@media( max-width: 767px){
  .style-swiper--mobile-cutoff .swiper-slide{
    /* width: 80% !important; */
  }
  .style-swiper--mobile-cutoff .swiper-container{
      padding-right: 20%;
  }
}








@media( min-width: 1024px ){
	.style-hide--desktop{ display: none !important; }
}

@media( max-width: 1023px ){
	.style-hide--mobile{ display: none !important; }
}













/*------------------------------------*\
  Page Layout
\*------------------------------------*/

body.bh-bemode{
  padding-top: 50px;
}

.l-page{
  /* equals navbar desktop */
  padding-top: 8rem;
}

body.page--banner-visible .l-page{
  /* 8rem = navbar desktop, 5rem = page banner */
  padding-top: 13rem;
}

body.bh-bemode.page--banner-visible .l-page{
  /* 8rem = navbar desktop, 5rem = page banner, 3rem = page banner editing toolbar */
  padding-top: 16rem;
}


.l-page__header{
  background: var(--theme-color--ibb-blue-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.el-header__layer--content,
.l-page__header{
  min-height: 50rem;
}

body:not(.bhe-state-editing) .l-page__header{

  overflow: hidden;
}

.l-page__header > .bhContainer{ width: 100%; }

.l-main__content{
  padding-top: 8rem;
  margin-bottom: 4rem;
}

.l-main__content.no-padding-top{
  padding-top: 0;
}


@media( max-width: 767px){
  .l-page__header{
    min-height: 50rem;
    max-height: 62rem;
  }
}









/*------------------------------------*\
  #Nav ( Desktop + Mobile )
\*------------------------------------*/
.l-navlogo{
  width: 22rem;
  height: 9.3rem;
  background: url("/fileadmin/images/logo--header.svg") no-repeat center center;
}
body[data-scroll="scrolled"] .l-navlogo {
  bottom: -1.4rem;
  width: 16rem;
  height: 6.8rem;
  background-size: 16rem 6.8rem;
}






/*------------------------------------*\
  #Nav ( Desktop  )
\*------------------------------------*/

@media(max-width: 1024px) {
  .l-main__content {
    padding-top: 3rem;
    margin-bottom: 4rem;
  }
}

@media(min-width: 1024px){


  /* -------- CONTENT --------- */

  .l-page__overlay{
    position: fixed;
    background: rgba(29, 29, 27, 0.7);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 90;
    cursor: pointer;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .l-page__overlay.active{
    opacity: 1;
    pointer-events: all;
  }

  /* -------- Navbar Layout & Structure ------- */
  .l-navbar{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 200;
    color: var(--theme-color--ibb-blue-dark);
  }
  body.bh-bemode .l-navbar{ top: 50px; }

  .l-navbar__top{
    position: relative;

    /* Logo sollte das Menü überlappen (z.B. active border) */
    z-index: 10;
  }

  .l-navbar__top-inner{
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .l-navbar__top-left,
  .l-navbar__top-right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  .l-navbar__top-right > *:last-child{
    padding-right: 3rem;
  }


  .l-navlogo{
    position: absolute;
    left: 50%;
    bottom: -1.9rem;
    -webkit-transform: translateX( -50% );
        -ms-transform: translateX( -50% );
            transform: translateX( -50% );
    width: 22rem;
    height: 9.3rem;
    transition: all .4s;
    background-size: 22rem 9.3rem;
  }

  .l-navlogo a{
    display: block;
    width: 100%;
    height: 100%;
  }

  .bhe-state-dragging .l-navlogo{
    visibility: hidden;
    display: none;
  }









  /* -------- Navbar General Components ------- */

  .l-navbar__buttongroup{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    border-left: 1px solid rgba(54, 62, 69, 0.15);
  }
  .l-navbar__buttongroup--search,
  .l-navbar__buttongroup--ticket-shop,
  .l-navbar__buttongroup--voucher{
    border-left: none;
    padding-left: 0;
  }

  .l-navbar__button{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--theme-color--ibb-blue-dark);
    -webkit-transition: color 0.3s, background 0.3s;
    -o-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
  }


  .l-navbar__button:hover {
    color: var(--theme-color--ibb-orange);
  }

   .l-navbar__buttongroup--ticket-shop .l-navbar__button {
        background-color: var(--theme-color--ibb-green);
        color: var(--theme-color--ibb-blue-dark);
        margin: 0;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        height: 4.9rem;
   }

   .l-navbar__buttongroup--ticket-shop .l-navbar__button:hover {
        background: var(--theme-color--ibb-blue-dark);
        color: var(--theme-color--ibb-white);
   }


  .l-navbar__button-icon{ font-size: 2.4rem; }
  .l-navbar__button-title{
      margin-left: 1rem;
      white-space: nowrap;
      word-break: keep-all;
  }



  /* -------- Navbar Section Language ------- */
  .l-navbar__language{
    width: 10rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-right: 1px solid rgba(54, 62, 69, 0.15);
    margin-right: 1.5rem;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    position: relative;
  }

  .l-navbar__language:hover .style-lang-popover{
    opacity: 1;
    pointer-events: all;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
          transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  }


  .l-navbar__language-label{
    padding-left: 3rem;
    margin-left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .l-navbar__language-label-icon{ font-size: 2.4rem; }
  .l-navbar__language-label-text{ padding-left: 1rem; }

  .l-navbar__language li{
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
  }

  .l-navbar__language li:hover{
    color: var(--theme-color--ibb-orange);
  }



  /* .bh-language-menu li.active{
    border-color: var(--theme-color--ibb-yellow);
    font-weight: 600;
  } */






  /* -------- Navbar Section Weather ------- */
  .l-navbar__weather{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
  }
  .l-navbar__weather-icon{
    font-size: 7rem;
    margin-right: 1rem;
  }
  .l-navbar__weather-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 1rem;
  }
  .l-navbar__weather-text{
    font-weight: normal;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
    text-transform: none;
  }




  /* -------- Navbar Live Section ------- */

  .l-navbar__buttongroup--live{ padding-right: 0; }

  .l-navbar__webcam{
    background: url(/fileadmin/images/header--webcam.jpg) no-repeat center center;
    /*background: url(/fileadmin/images/header--webcam-winter.jpg) no-repeat center center;*/
    background-size: cover;
    width: 9rem;
    height: 100%;
    position: relative;
  }
  .l-navbar__webcam a {
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
  }
  .l-navbar__webcam-label{
    font-style: italic;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1;
    text-transform: uppercase;
    color: var(--theme-color--ibb-blue-dark);
    padding: 0.5rem 1rem;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--theme-color--ibb-yellow);
  }
  .l-navbar__panorama{
    margin-left: 0.4rem;
    width: 9rem;
    height: 100%;
    background-repeat: no-repeat;
    background-position:  center center;
    background-size: cover;
  }

  /* -------- Navbar Section Right ------- */
  .l-navbar__button--search{
    margin: 0;
  }






  /* -------- Navbar Section Menu ------- */

  .l-navbar__menu-outer{
    -webkit-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .l-navbar__menu{
    position: relative;
    transition: background-color .4s;
  }
  .l-navbar__menu-inner{ position: relative; }

  .bhe-state-dragging .l-navbar__menu{
    visibility: hidden;
    display: none;
  }

  .l-navbar__menu ul{ padding: 0; }

  .l-navbar__menu .hnavi_box{
    padding-top: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: padding 0.4s;
    -o-transition: padding 0.4s;
    transition: padding 0.4s;
  }

  .l-navbar__menu .hnavi_item > a{
    color: white;
    padding: 1.5rem 1.8rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    border-top: 3px solid transparent;
    position: relative;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
  }

  .l-navbar__menu .hnavi_item > a:hover{
    color: var(--theme-color--ibb-yellow);
  }

  .l-navbar__menu .hnavi_item.active > a,
  .l-navbar__menu .hnavi_item.open > a{
    border-color: var(--theme-color--ibb-yellow);
  }
  body[data-scroll="scrolled"]  .l-navbar__menu .hnavi_item.active > a{
    border-color: transparent;
    background-color: rgba(255, 204, 0, 0.2);
  }

  .l-navbar__menu .hsnavi_item.active .hsnavi_item_title,
  .l-navbar__menu .hssnavi_item.active > a{
    color: var(--theme-color--ibb-orange);
  }


  .l-navbar__menu .hnavi_item_image{ display: none; }

  .l-navbar__menu .hsnavi_box_wrapper{
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: white;
    padding: 2rem;
    width: 100%;
    top: 100%;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    transform: perspective(800px) rotate3d(1,0,0, 12deg);
                opacity: 0;
    transition: all .4s;
  }
  .l-navbar__menu .hnavi_item > a:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0rem 0rem 0rem;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0;
    z-index: 10;
    transition: all .4s;
  }
  .l-navbar__menu .hnavi_item.open > a:after{
    border-width: 0 1.2rem 1.2rem 1.2rem;
  }

  .l-navbar__menu .hnavi_item.open .hsnavi_box_wrapper{
    opacity: 1;
    pointer-events: all;
    transform: perspective(800px) rotate3d(1,0,0, 0deg);
  }

  .l-navbar__menu .hsnavi_box{
    position: relative;
    min-height: 26rem;
  }
  .l-navbar__menu .hsnavi_box_inner{
    width: 30%;
    padding: 0;
  }
  .l-navbar__menu .hsnavi_item{ width: 100%; }
  .l-navbar__menu .hsnavi_item > a{
    position: static;
    width: 100%;
  }
  .l-navbar__menu .hsnavi_item_image{
    position: absolute;
    width: 30%;
    height: 100%;
    right: 0;
    top: 0;
    left: auto;
    opacity: 0;
    pointer-events: none;
    display: none;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    z-index: 100;
  }
  .l-navbar__menu .hnavi_item.open .hsnavi_item_image{
    display: block;
  }
  .l-navbar__menu .hsnavi_item_image_inner{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
  }
  .l-navbar__menu .hsnavi_item_title{
    font-style: italic;
    font-weight: bold;
    font-size: 2.2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 6rem;

    text-transform: uppercase;

    color: var(--theme-color--ibb-blue-dark);
    border-bottom: 1px solid rgba(54, 62, 69, 0.2);
    position: relative;
    padding-right: 4rem;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .l-navbar__menu .hsnavi_item:hover .hsnavi_item_title{
    color: var(--theme-color--ibb-orange);
  }

  .l-navbar__menu .hsnavi_item_title:after{
    content: "\e906";
    font-family: 'bakehouse-iconset';
    font-size: 2.4rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-style: normal;
  }
  .l-navbar__menu .hsnavi_box_inner > *:last-child .hsnavi_item_title{
    border-bottom: none;
  }


  .l-navbar__menu .hsnavi_item:hover .hsnavi_item_image{
    opacity: 1;
    pointer-events: all;
  }

  .l-navbar__menu .hssnavi_box{
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 70%;
    left: 30%;
    padding-left: 4rem;
    padding-right: 30%;
    height: 100%;
    top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .l-navbar__menu .hsnavi_item:hover .hssnavi_box{
    opacity: 1;
    pointer-events: all;
  }
  .l-navbar__menu .hssnavi_item{
    font-weight: 600;
    font-size: 2.1rem;
    line-height: 1.6;
    color: var(--theme-color--ibb-blue-dark);
  }

  .l-navbar__menu .hssnavi_item:hover{ color: var(--theme-color--ibb-orange); }

  .l-navbar__menu .hnavi_item[data-pid="13"] .hsnavi_item_image{
    width: calc( 70%  );
    padding-left: 4rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .l-navbar__menu .hnavi_item[data-pid="13"] .hsnavi_item_image_inner{
    height: 100%;
    -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
  }
  .l-navbar__menu .hnavi_item[data-pid="13"] .hssnavi_box{ display: none !important; }
}







/*------------------------------------*\
# Scrollstates
\*------------------------------------*/

.style-hide--showonscroll{ display: none; }


@media(min-width: 1024px){

  body[data-scroll="scrolled"] .style-hide--onscroll{ display: none; }
  body[data-scroll="scrolled"] .style-hide--showonscroll{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  body[data-scroll="scrolled"] .l-navbar__top-left{ height: 4rem; }

  body[data-scroll="scrolled"] .l-navbar__top-right{
    height: 6rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  body[data-scroll="scrolled"] .l-navbar__menu{
    /* background: var(--theme-color--ibb-blue-dark); */
    background: rgba(54, 62, 69, 0.7);
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
  }
  body[data-scroll="scrolled"] .l-navbar__menu .hnavi_box{ padding-top: 0; }

  body[data-scroll="scrolled"] .l-navbar__top-right .l-navbar__button{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
            height: 100%;
    justify-content: center;
  }

  body[data-scroll="scrolled"] .l-navbar__top-right .l-navbar__button-icon{
    margin-bottom: 1rem;
  }
  body[data-scroll="scrolled"] .l-navbar__top-right .l-navbar__button-title{
    margin-left: 0;
  }
  body[data-scroll="scrolled"] .l-navbar__top-right .l-navbar__buttongroup--live,
  body[data-scroll="scrolled"] .l-navbar__top-right .l-navbar__buttongroup--ticket-shop,
  body[data-scroll="scrolled"] .l-navbar__top-right .l-navbar__buttongroup--voucher{
    padding-left: 0;
    padding-right: 0;
  }
  body[data-scroll="scrolled"] .l-navbar__top-right .l-navbar__button{
      margin: 0;
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      width: 11.4rem;
      box-sizing: border-box;
  }
}


@media( min-width: 1024px) and (max-width: 1280px){

  .l-navlogo{
    /* position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    width: 18rem;
    height: 7.5rem;
    background-size: contain;
    bottom: -2rem; */
  }
  .l-navbar__buttongroup {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
  .l-navbar__button {
    margin-left: 0.6rem;
    margin-right: 0.6rem;
  }
  .l-navbar__language {
    width: 9rem;
    margin-right: 0rem;
  }
  .l-navbar__language-label {
    padding-left: 1.2rem;
  }
  .l-navbar__top-right > *:last-child {
    padding-right: 1.5rem;
  }
  .l-navbar__menu .hnavi_box{
    /* -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; */
  }
  .l-page {
    font-size: 1.8rem;
  }
  .style-bodytext--teaser {
    font-size: 2.4rem;
  }

}

@media( max-width: 1140px){
  .l-navbar__menu .hnavi_item > a{
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.6rem;
  }
  h3 {
    font-size: 2.4rem;
  }
  h2 {
    font-size: 2.6rem;
  }
  .style-facility__title {
    font-size: clamp(1.7rem, 0.804669260700389rem + 1.1673151750972763vw, 1.7rem);
  }
  .style-facility__text,
  .style-facility__subtitle {
    font-size: 1.5rem;
  }
  .style-facility--default {
    min-height: 7rem;
    padding: 1rem;
  }
  .style-table__wrapper td {
    font-size: 1.6rem;
  }
  [class*="style-button--primary"] .style-button-inner {
    min-height: 4.7rem;
    font-size: 1.6rem;
  }
}
@media( max-width: 1023px){

  .style-facility--default {
    min-height: 6rem;
    padding: 0.8rem;
  }

}


/*------------------------------------*\
  #Nav ( Mobile  )
\*------------------------------------*/
@media( max-width: 1023px){
  body{


  }
  .l-page{
    /* should not be dependent on page banner */
    padding-top: 0 !important;
    padding-bottom: 6rem;

    /* temporary, should be deleted as soon as possible */
    /* overflow-x: hidden; */
    /* width: 100%; */
  }
  .l-main__content {
    padding-top: 3rem;
    margin-bottom: 4rem;
  }

  /* -------- Navbar Top & Togglers ------- */

  .l-navbar__top{
    position: fixed;
    height: 5rem;
    left: 0;
    top: 1.6rem;
    right: 2rem;
    z-index: 100;
    transition: all .4s;
  }
  body[data-scroll="scrolled"] .l-navbar__top{
    top: 0rem;
    box-shadow: 0px 0px 40px rgba(0,0,0,.15);
    right: 0;
  }
  body[data-scroll="scrolled"].bh-bemode .l-navbar__top{
    top: 5rem;
    box-shadow: 0px 0px 40px rgba(0,0,0,.15);
  }

  body.page--banner-visible .l-navbar__top{
    -webkit-transition: top 0.4s;
    -o-transition: top 0.4s;
    transition: top 0.4s;
  }
	body.page--banner-visible:not([data-scroll="scrolled"]):not(.l-navoverlay--open) .l-navbar__top{
    top: 8rem;
  }
  body.l-navoverlay--open .l-navbar__top-inner {
    padding-right: 2rem !important;
}
  body.bh-bemode.l-navoverlay--open .l-navbar__top{
    top: 6.5rem;
  }


  /* pseudo element, because otherwise clip-path would cut off logo offset */
  .l-navbar__top:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background: white;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0% 100%);
  }
  body[data-scroll="scrolled"] .l-navbar__top:before{
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  .bh-bemode .l-navbar__top{ top: 65px; }
  .l-navbar__top-inner{
    position: relative;
    height: 100%;
    padding-left: 1rem;
    padding-right: 2rem;
    transition: all .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
            align-items: flex-start;
  }
  body[data-scroll="scrolled"] .l-navbar__top-inner{
    padding-right: 10.5rem;
  }
  body[data-scroll="scrolled"] .l-navtoggler--menu {
    margin-left: 1.5rem;
  }
  .l-navlogo,
  body[data-scroll="scrolled"] .l-navlogo {
    position: relative;
    width: 17.8rem;
    height: 5.9rem;
    background-size: 17.8rem 5.9rem;
    background-position: top  left;
    background-image: url(../images/logo--mobile.svg);
    bottom: auto;
    top: .3rem;
    transition: all .4s;
  }

  .l-navlogo a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .l-navtoggler-icon {
    font-size: 2.4rem;
  }
  .l-navtoggler-icon.bh-font-menu,
  .l-navbar__button-icon.bh-font-phone {
    line-height: 5rem;
  }


  .l-navbar__buttongroup{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .l-navbar__button{
    font-size: 2.4rem;
  }

  .l-navtoggler--menu{
    margin-left: 2rem;
  }

  .l-navbar__menu-outer{ display: none; }

  .l-navtoggler{ cursor: pointer; }
  .l-navtoggler--menu .l-navtoggler-icon:before{
    display: inline-block;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    transition: transform 0.4s,-webkit-transform 0.4s;
  }
  .l-navoverlay--open .l-navtoggler--menu .l-navtoggler-icon:before{
    content: '\e912';
    -webkit-transform: rotate(
90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(
90deg);
  }

  .l-navtoggler--live{
    position: fixed;
    transition: all .4s;
    top: 12rem;
    right: -0.4rem;
    background-color: var(--theme-color--ibb-yellow);
    color: var(--theme-color--ibb-blue-dark);
    z-index: 80;

    /* -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%); */
  }
  body[data-scroll="scrolled"] .l-navtoggler--live{
    position: fixed;
    top: .5rem;
    z-index: 110;
  }
  body.l-navoverlay--open .l-navtoggler--live {
    right: -10rem;
  }

  .page--banner-visible:not([data-scroll="scrolled"]) .l-navtoggler--live{
    top: 15rem;
  }

  .l-navtoggler--live .style-button-inner{

    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 10.3rem;
    min-height: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  body[data-scroll="scrolled"] .l-navtoggler--live .style-button-inner {
    min-width: 9.1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .l-navtoggler--live .l-navtoggler-title{ font-size: 1.9rem; }
  .l-navtoggler--live .l-navtoggler-icon{ font-size: 2.4rem; }





  /* -------- Navoverlays General Structure ------- */


  .l-navoverlay,
  .l-navoverlay__menu .hsnavi_box_wrapper,
  .l-navoverlay__menu .hssnavi_box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* equals height mobile footer */
    padding-bottom: 6rem;
    bottom: 0;
    z-index: 90;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .lang-popover-active .l-navoverlay{
    /* to be in front of menubar */
    z-index: 120;
  }

  .bh-bemode .l-navoverlay,
  .bh-bemode .l-navoverlay__menu .hsnavi_box_wrapper{
    top: 50px;
  }
  /* .bh-bemode .l-navoverlay,
  .bh-bemode .l-navoverlay__menu .hsnavi_box_wrapper,
  .l-navoverlay__menu .hssnavi_box{
    top: 50px;
  } */

  .l-navoverlay{
    opacity: 0;
    padding-top: 10rem;
    pointer-events: none;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .l-navoverlay.l-navoverlay--live{
    padding-top: 7rem;
  }

  .l-navoverlay__menu .hsnavi_box_wrapper,
  .l-navoverlay__menu .hssnavi_box{
    left: 100% !important;
    -webkit-transition: left 0.4s;
    -o-transition: left 0.4s;
    transition: left 0.4s;
    overflow: auto;
    background: var(--theme-color--ibb-blue-dark);
  }

  .l-navoverlay__menu .hnavi_item.state--opened .hsnavi_box_wrapper,
  .l-navoverlay__menu .hsnavi_item.state--opened .hssnavi_box{
    left: 0 !important;
  }

  .l-navoverlay__inner{
    position: relative;
    height: 100%;
    overflow: auto;
  }







  /* -------- Navoverlay Header (subnav + subsubnav) ------- */
  .l-navoverlay__header{
    position: relative;
    margin-bottom: 3.5rem;
  }

  .l-navoverlay__header-image{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
  .l-navoverlay.active .hnavi_item_image,
  .l-navoverlay.active .hnavi_item.state--opened .hsnavi_item_image {
      display: block;
  }
  .l-navoverlay__header-image .hnavi_item_image_inner,
  .l-navoverlay__header-image .hsnavi_item_image_inner{
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
  }
  .hsnavi_item_image_inner.js-skewstyle-3 {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
  }

  .l-navoverlay__header-image:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    pointer-events: none;
  }

  .l-navoverlay__header-title{
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 30rem;
    padding-bottom: 4rem;
    position: relative;
    z-index: 10;
    font-style: italic;
    font-weight: bold;
    font-size: 3rem;
    line-height: 0.95;
    text-transform: uppercase;
  }


  /* -------- Navoverlay Menu ------- */

  .l-navoverlay--menu{
    background: var(--theme-color--ibb-blue-dark);
    color: white;
  }
  .l-navoverlay--menu .l-navoverlay__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .l-navoverlay__menu{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    /* margin-bottom: 2rem; */
    overflow: auto;
  }

  .l-navoverlay__menu .hnavi_item > a{
    font-style: italic;
    font-weight: bold;
    font-size: 3rem;
    line-height: 1.55;
    text-transform: uppercase;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }

  .l-navoverlay__menu .hnavi_item.active > a,
  .l-navoverlay__menu .hsnavi_item.active > a,
  .l-navoverlay__menu .hssnavi_item.active > a{
    color: var(--theme-color--ibb-yellow);
  }


  .l-navoverlay__menu .hnavi_item.has-items > a{ padding-right: 3rem; }
  .l-navoverlay__menu .hsnavi_item.has-items > a{ padding-right: 6rem; }

  .l-navoverlay__menu .hnavi_item.has-items > a:before,
  .l-navoverlay__menu .hsnavi_item.has-items > a:before{
    content: '\e906';
    font-family: 'bakehouse-iconset';
    font-style: normal;
    font-size: 2.4rem;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    color: var(--theme-color--ibb-yellow);
  }

  .l-navoverlay__menu .hsnavi_item.has-items > a:before{ right: 3rem; }


  .l-navoverlay__menu-back{

    /* -webkit-clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); */
    cursor: pointer;
    position: absolute;
    left: -1.2rem;
    bottom: 0;
    z-index: 20;
    font-weight: 900;
    -webkit-transform: translateY(50%) skew(-11deg);
        -ms-transform: translateY(50%) skew(-11deg);
            transform: translateY(50%) skew(-11deg);
  }
  .l-navoverlay__menu-back .style-button-inner{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: 16rem;
    min-height: 4rem;

    font-size: 1.9rem;
  }
  .l-navoverlay__menu-back-icon{
    margin-right: .5rem;
  }

  .l-navoverlay .hsnavi_item > a,
  .l-navoverlay .hssnavi_item > a{
    font-style: normal;
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 1.1;
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }



  .l-navoverlay .hnavi_item > a > .hnavi_item_image,
  .l-navoverlay .hsnavi_item > a > .hsnavi_item_image{
    display: none;
  }

  .l-navoverlay__menu ul{ padding: 0; }





  /* -------- Navoverlay Live ------- */
  .l-navoverlay--live{
    background: rgba(255, 204, 0, 0.8);
    color: var(--theme-color--ibb-blue-dark);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }

  .l-navoverlay.active{
    opacity: 1;
    pointer-events: all;
  }

  .l-navoverlay--live .l-navoverlay__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .l-navoverlay__live{
    padding: 1.5rem 2rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    font-style: italic;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.25;
  }

  .l-navoverlay__live-title{
    font-size: 6rem;
    line-height: 1.55;
    text-transform: uppercase;
  }
  .l-navoverlay__live-content{
    margin-left: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .l-navoverlay__live-opening{
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .l-navoverlay__live-opening-icon{
    margin-right: 1rem;
  }
  .l-navoverlay__weather-today {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.5rem;
  }
  .l-navoverlay__weather-text {
    font-size: 1.5rem;
  }

  .l-navoverlay__weather{

    padding: 1.5rem;
    padding-left: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .l-navoverlay__weather-icon{
    font-size: 6rem;
    margin-right: 1rem;
    width: 6rem;
    text-align: center;
  }
  .l-navoverlay__weather-icon:before{
    color: #fff;
  }
  .l-navoverlay__weather-temp{
    font-style: italic;
    font-weight: bold;
    line-height: 1;
    margin-left: 3rem;
  }
  .l-navoverlay__weather-temp-value{ font-size: 6rem; }
  .l-navoverlay__weather-temp-unit{
    font-size: 2.4rem;
    line-height: 1;
  }


  .l-navoverlay__facilities{ margin-bottom: 2.5rem; }

  .l-navoverlay__facility{
    background: none;
    min-height: 6rem;
    margin-bottom: 0.5rem;
  }



  .l-navoverlay__webcam-outer{
    position: relative;
    margin-top: auto;
  }
  .l-navoverlay__webcam-button{
    top: 0;
    left: 2rem;
    -webkit-transform: translateY(-50%) skew(-11deg);
        -ms-transform: translateY(-50%) skew(-11deg);
            transform: translateY(-50%) skew(-11deg);
    position: absolute;
    background-color: var(--theme-color--ibb-blue-dark);
    color: var(--theme-color--ibb-yellow);
  }
  .l-navoverlay__webcam-button .style-button-inner{
    font-size: 1.9rem;
    font-weight: 900;
  }
  .l-navoverlay__webcam{
    height: 19.5rem;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: url("/fileadmin/images/header--webcam.png");  */
  }
  .l-navoverlay__webcam video{
    display: block;
    width: 100%;
  }








  /* -------- Navoverlay Quicklinks ------- */

  .l-navoverlay__quicklinks{
    height: 16rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    position: relative;
    align-items: stretch;
  }
  .l-navoverlay__quicklinks:before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
  }
  .l-navoverlay__quicklink{
    -webkit-tap-highlight-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .l-navoverlay__quicklink-icon{
    margin-bottom: 1rem;

    &.language-flag{
      width:22px;
      height:16px;
      background-size:cover;
      background-position:center;
    }

  }

  .l-navoverlay__quicklink-title{
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }






  .l-navbar__button--language{
    cursor: pointer;
  }

  .l-navoverlay__quicklink-popover{
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
  }

  .l-navoverlay__quicklink .style-lang-popover{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: relative;
    top: auto;
    background: #EFF2F3;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .l-navbar__button--language.active .l-navoverlay__quicklink-popover,
  .l-navbar__button--language.active .style-lang-popover{
    opacity: 1;
    pointer-events: all;
  }

  .l-navoverlay__quicklink .bh-language-menu li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 7rem;
    padding: 0.5 1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 30rem;
    font-size: 2rem;
    line-height: 1.35;

    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--theme-color--ibb-black);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .l-navoverlay__quicklink li.active{
    font-weight: 700;
  }
  .l-navoverlay__quicklink .bh-language-menu > *:last-child{
    border-bottom: none;
  }

}

 .l-navoverlay__quicklink{
    .bh-navigation{
      width: 100%;
      .bh-language-menu{
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        gap: 9px;

        .lang-item{
          width: 100%;
          display: flex;
          gap: 8px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 10px 0;

          &.active{
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.10);
          }

          .label{
            font-size: 1.2rem;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.24px;
            text-transform: uppercase;
          }

          .flag{
            display: block;
            background-size: contain;
            background-position: center;
            height: 24px;
            width: 24px;
          }

          .flag--de{
            background-image:url(/fileadmin/images/flags/de.svg);
          }

          .flag--en{
            background-image:url(/fileadmin/images/flags/en.svg);
          }
        }
      }
    }
 }




@media( max-width: 767px){
  /* .l-navbar__top:before{
    -webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
  } */
  .l-navoverlay__header-title{
    padding-top: 20rem;
  }
  body[data-scroll="scrolled"] .l-navlogo {
    position: relative;
    width: 11.9rem;
    height: 3.9rem;
    background-size: 11.9rem 3.9rem;
    top: 1.1rem;
  }
}









/*------------------------------------*\
  #Skibanner
\*------------------------------------*/


.l-page__header-banner{
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 80;
}

.l-skibanner{
  width: 21rem;
  height: 100%;
  background: white;
  color: var(--theme-color--ibb-blue-dark);
  -webkit-transform: skew(-10deg);
      -ms-transform: skew(-10deg);
          transform: skew(-10deg);
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
}

.l-skibanner__textbox-title,
.l-skibanner__textbox-subtitle,
.l-skibanner__panorama-pic,
.l-skibanner__webcam,
.l-skibanner__facility-icon:before,
.l-skibanner__webcam-label-inner{
  -webkit-transform: skew(10deg);
      -ms-transform: skew(10deg);
          transform: skew(10deg);
}



.l-skibanner__inner{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}


.l-skibanner__textbox{
  height: 6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.5rem;
  padding-left: 1rem;

  font-style: italic;
  line-height: 1;
  letter-spacing: 0.01em;
}



.l-skibanner__textbox-title{
  font-weight: bold;
  font-size: 1.6rem;
  max-width: 14rem;
  text-transform: uppercase;
}

.l-skibanner__textbox-subtitle{
  font-size: 1.4rem;
}

.l-skibanner__panorama-pic,
.l-skibanner__webcam{
  height: 11.6rem;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
}



.l-skibanner__facilities {
  padding-bottom: .5rem;
}
.l-skibanner__facility{
  position: relative;
  padding-left: 2rem;
  border-top: 1px solid #e1e2e3;
}
.l-skibanner__facility:last-child{
  border-bottom: 1px solid #e1e2e3;
}

.l-skibanner__facility-icon{
  width: 60px;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  font-size: 4.2rem;
  top: 0;
  right: 99%;
  z-index: 10;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.l-skibanner__facility:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 9px;
  height: 100%;
  background:var(--theme-color--ibb-grey-light);
  pointer-events: none;
}

.l-page--facilities-loaded .l-skibanner__facility:after {
    background:var(--theme-color--ibb-gray);
}

.l-page--facilities-loaded .l-skibanner__facility[data-state="1"]:after{ background: var(--theme-color--ibb-green); }

.l-page--facilities-loaded .l-skibanner__facility[data-state="0"]:after{ background: var(--theme-color--ibb-red); }


.l-skibanner__facility--alpinecoaster:before{ content: '\e900'; }


.l-skibanner__webcam-outer{ position: relative; }
.l-skibanner__webcam{
  /* background-image: url("/fileadmin/images/header--webcam.png");  */
  background-image: none;
}
.l-skibanner__webcam video{
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-skibanner__webcam-label{
  background: var(--theme-color--ibb-yellow);
  min-width: 6.2rem;
  height: 3.2rem;
  position: absolute;
  left: 1rem;
  top: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  font-style: italic;
  font-weight: 900;
  font-size: 1.9rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--theme-color--ibb-blue-dark);
}

.l-skibanner__webcam-label{
  text-transform: uppercase;
}



@media( max-width: 1023px){
  .l-skibanner{
    overflow: hidden;
    width: 10rem;
  }

  .l-skibanner__weather{
    padding-top: 3rem;
    border-top: 1px solid rgba(54, 62, 69, 0.15);
    -webkit-transform: skew(10deg);
        -ms-transform: skew(10deg);
            transform: skew(10deg);
    text-align: center;
    color: var(--theme-color--ibb-blue-dark);
    line-height: 1;
    letter-spacing: 0.01em;
  }
  .l-skibanner__weather-date{
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
    text-transform: uppercase;
  }

  .l-skibanner__weather-text{
    font-size: 1.4rem;
    margin-bottom: 1rem;
    max-width: 9rem;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
  }

  .l-skibanner__weather-icon{
    font-size: 5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }
  .l-skibanner__weather-temp{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 600;
  }
  .l-skibanner__weather-temp-unit{
    font-size: 1.5rem;
  }
}













/*------------------------------------*\
  #Tabs
\*------------------------------------*/
.bh-tab-togglers{
  padding-left: 2rem;
  padding-right: 2rem;
}
.bh-tabtogglers{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2rem;
}

.bhTabElement{
  padding: 1rem 2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-style: italic;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1;
  text-transform: uppercase;
  background-color: var(--theme-color--ibb-blue-dark);
  border: none;
  color: white;
  min-height: 5rem;
  transition: all .4s;
  -webkit-transform: skew(-11deg);
      -ms-transform: skew(-11deg);
          transform: skew(-11deg);
}
.bhTabElement:hover{
  background-color: var(--theme-color--ibb-orange);
  color: white;
}
.bhTabElement.bhTabElement{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}

.bhTabElement > .bhElementInner{
  /* reset transform for text */
  -webkit-transform: skew(11deg);
      -ms-transform: skew(11deg);
          transform: skew(11deg);
}

.bhe-state-editing .bhTabElement,
.bhe-state-editing .bhTabElement > .bhElementInner{
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.bh-tabtoggler-active{
  background-color: var(--theme-color--ibb-yellow);
  color: var(--theme-color--ibb-blue-dark);
}

@media( max-width: 767px){
  .bhTabElement{
    min-height: 4rem;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    -webkit-transform: skew(-11deg);
        -ms-transform: skew(-11deg);
            transform: skew(-11deg);
  }
  .bhTabElement > .bhElementInner{
    -webkit-transform: skew(11deg);
        -ms-transform: skew(11deg);
            transform: skew(11deg);
  }
}













/*------------------------------------*\
  #el-swiper
\*------------------------------------*/

.el-swiper{ padding-bottom: 4rem; }
.el-swiper .swiper-navigation{
  background: var(--theme-color--ibb-yellow);
  position: absolute;
  left: 10.2rem;
  bottom: 0;
  top: auto;
  -webkit-transform: translateY(50%) skew(-11deg);
      -ms-transform: translateY(50%) skew(-11deg);
          transform: translateY(50%) skew(-11deg);
}
.el-swiper .swiper-button-prev{
  height: 5rem;
  width: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.el-swiper .swiper-button-next{
  left: 15.5rem;
  width: 6rem;
  height: 6rem;
  /* -webkit-clip-path: polygon(16.6% 0%, 100% 0%, 83.3% 100%, 0% 100%);
          clip-path: polygon(16.6% 0%, 100% 0%, 83.3% 100%, 0% 100%); */
}






/*------------------------------------*\
  #el-gallery
\*------------------------------------*/

@media( max-width: 767px){
  .el-gallery-thumbnail-container .el-gallery-item.el-gallery-item{
    padding-top: 62.5%;
  }
  .el-gallery .bh-swiper,
  .el-gallery-item.swiper-slide .bh-image-background > div {
    min-height: 400px !important;
    max-height: 400px !important;
  }
}







/*------------------------------------*\
  #Voucherlist
\*------------------------------------*/

.el-voucherlist .bhElementInner {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.el-voucherlist.bhElement {
  width: 100%;
  max-width: 1200px;
}
.el-voucherlist-voucher {
  max-width: calc(50% - 30px);
  margin: 15px;
}
.el-voucherlist-voucher{
	padding: 2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
  background-color: var(--theme-color--ibb-grey-light);
}
.el-voucherlist-voucher-name {
  font-weight: 700;
  font-style: italic;
  font-size: 2.4rem;
  line-height: 1.1;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.el-voucherlist-voucher-subtext {
  font-size: 15px;
  line-height: 18px;
}
.el-voucherlist-price-fixed {
  font-weight: 600;
  font-size: 2.2rem;
}
.el-voucherlist-voucher-button{
	right: 2rem;
  bottom: 2rem;
  font-family: freight-sans-pro, "Trebuchet MS", Calibri, sans-serif;
  font-style: italic;
  background-color: var(--theme-color--ibb-orange);
  color: var(--theme-color--ibb-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  padding-left: 2rem;
  padding-right: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 1rem 1.5rem;
  -webkit-clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
          clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
}
.el-voucherlist-voucher:hover{
	background-color: var(--theme-color--ibb-yellow);
}
.el-voucherlist-voucher:hover .el-voucherlist-voucher-button {
  background-color: var(--theme-color--ibb-blue-dark);
}
.bh-shop-header-cart-count {
  background: var(--theme-color--ibb-yellow);
  padding: 5px 12px !important;
  border-radius: 50%;
  line-height: 10px;
}
.bh-shop-layout .bh-shop-button,
.bh-shop-layout .bh-shop-button-back{
    background-color: #ffcc01;
    color: var(--theme-color--ibb-blue-dark);
    padding: 0 20px;
    font-weight: 700;
    display: block;
}
.el-voucherlist-voucher-pricerange{
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.bh-shop-buttons.bh-shop-buttons{
  border-width: 0;
}
.bh-shop-content .bhElement{
  padding-left: 2rem;
  padding-right: 2rem;
}

@media( max-width: 1023px){

  .el-voucherlist-voucher {
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 7px;
    align-items: flex-start;
  }
}
@media( max-width: 500px){
  .el-voucherlist-voucher {
    padding: 1.2rem;
  }
  .el-voucherlist-voucher-name {
    font-size: 1.8rem;
    line-height: 1.1;
    margin-bottom: 1rem;
  }
  .el-voucherlist-voucher-image {
    flex-basis: 130px;
  }
  .el-voucherlist-voucher-description {
    flex-basis: calc(100% - 130px);
    padding-left: 1.5rem;
    padding-bottom: 7rem;
  }
}



















/*------------------------------------*\
  #el-cookies-consent-button
\*------------------------------------*/
.el-cookies-consent-button{
  text-align: center;

}

.el-cookies-consent-button .bh-bodytext{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
  font-style: italic;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  min-height: 3rem;
  background: var(--theme-color--ibb-orange);
  min-width: 20rem;
  padding: 0.5rem 2rem;
  -webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
          clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
  font-weight: bold;
  font-size: 1.7rem;
}






/*------------------------------------*\
  #Newslist General Styles
\*------------------------------------*/

.newslist--news .newslist__headline,
.newslist--events .newslist__headline{
  font-style: italic;
  font-weight: bold;
  /* font-size: 4rem; */
  font-size: clamp(2.4rem, -2.3750972762645914rem + 6.225680933852139vw, 4rem);
  line-height: 1.55;

  text-align: right;
  text-transform: uppercase;

  color: var(--theme-color--ibb-blue-dark);

  -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(
180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(
180deg);
    white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.newslist--news .newslist__items,
.newslist--events .newslist__items{
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 80%;
}

@media( max-width: 1023px){

  .newslist--news .newslist__headline,
  .newslist--events .newslist__headline{
    /* font-size: 2.4rem; */
    text-align: left;
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-user-select: unset;
       -moz-user-select: unset;
        -ms-user-select: unset;
            user-select: unset;
    margin-bottom: 1.5rem;
  }

  .newslist--news .newslist__items,
  .newslist--events .newslist__items{
    width: auto
  }
}








/*------------------------------------*\
  #Newslist News
\*------------------------------------*/
.newslist--news{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.newslist--news .swiper-wrapper {
    overflow: visible;
}

.newslist--news .swiper-wrapper {
    height: 100% !important;
}
.newslist--news .newslist__headline {
  margin-right: 2rem;
}

.newslist--news .newslist__box {
    width: calc(33.334% - 30px);
    margin-right: 30px;
}

.newslist--news .newslist__slide-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newslist--news .newslist__slide-pic{
  margin-right: 2.5rem;
}
.newslist--news .newslist__slide-pic > div{
    height: 120px;
    width: 120px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.newslist--news .newslist__slide-title{
  color: var(--theme-color--ibb-orange);
  font-weight: 600;
  /* font-size: 2rem; */
  font-size: clamp(1.7rem, 1.64rem + 0.30000000000000004vw, 2rem);
  line-height: 1.35;
}
.newslist--news .newslist__slide-text{
  /* font-size: 1.7rem; */
  font-size: clamp(1.6rem, 1.58rem + 0.09999999999999987vw, 1.7rem);
  line-height: 1.35;
  color: var(--theme-color--ibb-black);
}



.newslist--news .swiper-pagination{
  position: static;
  text-align: left;
}
@media only screen and (max-width: 1440px) {
    .newslist--news .newslist__box {
        width: calc(33.334% - 3px);
        margin-right: 3px;
    }
   .newslist--news .newslist__slide-inner{
     display: flex;
     flex-flow: column nowrap;
   }
   .newslist--news .newslist__slide-pic {
       margin-bottom: 5px;
       margin-right: 0;
   }
   .newslist--news .newslist__slide-pic > div{
       height: 170px;
       width: 100%;
   }
}

@media only screen and (max-width: 1023px) {
    .newslist--news.style-spacing {
        padding-right: 0;
    }
    .newslist--news .swiper-wrapper {
        padding-bottom: 10px;
    }
    .newslist--news .newslist__box {
        width: 300px;
        max-width: calc(100% - 30px);
        margin-right: 3px;
    }
}

@media( max-width: 1023px){
  .newslist--news{
    display: block;
  }
}











/*------------------------------------*\
  #Newslist Events
\*------------------------------------*/

.newslist--events{
  position: relative;
  padding-top: 4rem;
  padding-right: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newslist__skewed-bg{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 6rem;
  right: 0;
  background-color: var(--theme-color--ibb-yellow);
  pointer-events: none;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
}


.newslist--events .newslist__headline{
  margin-right: 12rem;
  position: relative;
}


.newslist--events .newslist__slide-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.7rem;
  padding-right: 8rem;
}
.newslist--events .newslist__slide-content{
  padding-bottom: 8rem;
}

.newslist--events .newslist__slide-pic{
  width: 45rem;
  min-height: 30rem;
  -webkit-box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2);
  margin-right: 5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.newslist--events .newslist__slide-title{
  font-style: italic;
  font-weight: 900;
  /* font-size: 4rem; */
  font-size: clamp(3rem, 0.015564202334630739rem + 3.891050583657587vw, 4rem);
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
  margin-bottom: 0.5rem;
}
.newslist--events .newslist__slide-date{
  font-style: italic;
  font-weight: 900;
  /* font-size: 3.1rem; */
  font-size: clamp(2.2rem, -0.4859922178988323rem + 3.5019455252918283vw, 3.1rem);

  line-height: 0.9;
  text-transform: uppercase;
  -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
          font-feature-settings: 'pnum' on, 'lnum' on;
  color: #FFFFFF;
  margin-bottom: 2rem;
}
.newslist--events .newslist__slide-text{
  font-size: 1.8rem;
  line-height: 1.25;
  color: var(--theme-color--ibb-black);
  margin-bottom: 2.5rem;
}

.newslist--events .newslist__slide-button{ background-color: white; }
.newslist--events .swiper-navigation.swiper-navigation{
  background: var(--theme-color--ibb-blue-dark);
  color: var(--theme-color--ibb-yellow);
}
.newslist--events .swiper-button-prev{
  left: 0;
  -webkit-transform: translateX(-50%) skew(-11deg);
      -ms-transform: translateX(-50%) skew(-11deg);
          transform: translateX(-50%) skew(-11deg);
}
.newslist--events .swiper-button-next{
  right: 0;
}

.newslist--events .swiper-pagination{
  /* equals pic width + margin-right */
  left: 58rem;
  width: auto;
  bottom: 2rem;
}

@media( max-width: 1440px){
  .newslist--events .newslist__slide-pic{
    width: 35rem;
  }
  .newslist--events .swiper-pagination{
    left: 40rem;
  }
}

@media( max-width: 1280px){
  .newslist--events .newslist__headline{
    margin-right: 4rem;
  }
}



@media( max-width: 1023px){

  .newslist--events .swiper-pagination{ display: none; }

  .newslist--events{
    padding: 3rem;
    display: block;
  }
  .newslist--events:before{
    -webkit-clip-path: none;
            clip-path: none;
    bottom: 0;
    height: 100%;
  }
  .newslist--events .newslist__headline{
    margin-right: 0;
  }

  .newslist--events .swiper-navigation.swiper-navigation{
    top: 10rem;
  }
  .newslist--events .newslist__slide-inner{
    display: block;
    padding-right: 0;
  }
  .newslist--events .newslist__slide-content{
    padding-bottom: 0;
  }
  .newslist--events .newslist__slide-pic{
    margin-right: 0;
    margin-bottom: 2rem;
    height: 20rem;
    width: 100%;
    min-height: unset;
  }
  .newslist--events .newslist__slide-title{
    /* font-size: 3rem; */
  }
  .newslist--events .newslist__slide-date{
    /* font-size: 2.2rem; */
  }
  .newslist--events .swiper-button-next{
    right: 0;
    -webkit-transform: translateX(50%) skew(-11deg);
        -ms-transform: translateX(50%) skew(-11deg);
            transform: translateX(50%) skew(-11deg);
  }
  .newslist--events .newslist__slide-button{
    /*
      Little Hack -> since button is inline-flex,
      the only other way is to text-align: center on the parent container.
      But then, the other children items are also centered horizontally, so they
      must have text-align:left to reset.
      If this produces problems, please make the other solution.
      (Michael, 5.11.21)
    */
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .newslist--events .newslist__skewed-bg{
    -webkit-clip-path: none !important;
            clip-path: none !important;
  }
}











/*------------------------------------*\
  #Newslist Header-Swiper
\*------------------------------------*/


.newslist--headerswiper{ background: white; }

.newslist--headerswiper .newslist__slide-inner{
  height: calc(100vh - 160px);
  max-height: 75rem;
  position: relative;
}

.newslist--headerswiper .swiper-navigation{
  top: auto;
  margin-top: 0;
  bottom: 0;
}

.newslist--headerswiper .swiper-button-prev{
  left: calc( 50% + 2rem );
  -webkit-transform: translateX(-99%) skew(-11deg);
      -ms-transform: translateX(-99%) skew(-11deg);
          transform: translateX(-99%) skew(-11deg);
}

.newslist--headerswiper .swiper-button-next{
  right: calc( 50% - 2rem );
  -webkit-transform: translateX(100%) skew(-11deg);
      -ms-transform: translateX(100%) skew(-11deg);
          transform: translateX(100%) skew(-11deg);
}


.newslist--headerswiper .newslist__slide-pic{
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.newslist--headerswiper .newslist__slide-pic:after{
  content: '';
  display: block;
  width: 100%;
  height: 275px;
  background: linear-gradient(
180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.newslist--headerswiper .newslist__slide-pic-inner{
  height: 100%;
  position: relative;
  overflow: hidden;
}

.newslist--headerswiper .newslist__slide-pic .bh-image-background{
  position: relative;
}

.newslist--headerswiper .newslist__slide-pic .bh-image-background:before,
.newslist--headerswiper .newslist__slide-pic-inner:after{
  content: '';
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
}


.newslist--headerswiper .newslist__slide-pic .bh-image-background:before{

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 30%;
}
.newslist--headerswiper .newslist__slide-pic-inner:after{
  background: -webkit-gradient(linear, left top, right top, color-stop(0.14%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0.14%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0.14%, rgba(255, 255, 255, 0) 100%);
  width: 50%;
  height: 100%;
}


.newslist--headerswiper .newslist__slide-shape{
  mix-blend-mode:screen;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.newslist--headerswiper .newslist__slide-content{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: var(--theme-color--ibb-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.newslist--headerswiper .newslist__slide-content-inner{
  margin-top: auto;
  width: 100%;
}
.newslist--headerswiper .newslist__slide-text{
  max-width: 60rem;
  padding-top: 6rem;
  padding-bottom: 10rem;
  position: relative;
}

.newslist--headerswiper .newslist__slide-title{
  font-style: italic;
  font-weight: 900;
  /* font-size: 6rem; */
  font-size: clamp(3.2rem, -5.156420233463034rem + 10.894941634241242vw, 6rem);
  line-height: 0.9;
  text-transform: uppercase;
  margin-bottom: 3.5rem;
}

.newslist--headerswiper .newslist__slide-subtext{
  /* font-size: 2rem; */
  font-size: clamp(1.5rem, 0.0077821011673153695rem + 1.9455252918287935vw, 2rem);
  line-height: 1.25;
}

.newslist--headerswiper .newslist__slide-button{
  position: absolute;
  bottom: 0;
  left: 0;
}

.newslist--headerswiper .newslist__slide-video-outer{
  height: 100% !important;
}

.newslist--headerswiper .newslist__slide-video-wrapper{
	height: 100%;
}

.newslist--headerswiper .newslist__slide-video-wrapper video{
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
	-o-object-position: center center;
	   object-position: center center;
}

/* -------- Newslist Headerswiper Dark Mode ------- */
.el-newslist--darkmode .newslist--headerswiper .newslist__slide-pic-inner:after{
  background: -webkit-gradient(linear, left top, right top, color-stop(0.14%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0.14%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0.14%, rgba(0, 0, 0, 0) 100%);
  width: 50%;
  height: 100%;
}
.el-newslist--darkmode .newslist--headerswiper .newslist__slide-content{
  color: white;
}

@media(max-width: 1023px){
    .el-newslist--darkmode .newslist--headerswiper .newslist__slide-pic-inner:after {
    top: auto;
    bottom: 0;
    height: 275px;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  }
}




@media( max-width: 767px){
  .newslist--headerswiper .swiper-navigation{
    display: none;
  }
  .newslist--headerswiper .newslist__slide-shape{
    display: none;
  }

  .newslist--headerswiper .newslist__slide-pic{
    /* equals 1/2 height of button */
    padding-bottom: 2rem;
  }

  .newslist--headerswiper .newslist__slide-text{
    max-width: none;
    padding-top: 3rem;
    padding-right: 11rem;
    padding-bottom: 7rem;
  }
  .newslist--headerswiper .newslist__slide-title{
    /* font-size: 3.2rem; */
    margin-bottom: 1.5rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .newslist--headerswiper .newslist__slide-subtext{
    /* font-size: 1.5rem; */
    margin-bottom: 0;
  }
}








/*------------------------------------*\
  #Newsdetail
\*------------------------------------*/

.newsdetail__header{
  background: var(--theme-color--ibb-blue-dark);
  position: relative;
  min-height: 60rem;
  width: 100%;
  /* margin-bottom: 2rem; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
      flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; */
  justify-content: flex-start;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  color: white;
}


.newsdetail__header-pic{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.newsdetail__header-pic:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  height: 50%;

  pointer-events: none;
}
.newsdetail__header-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 70%);
  pointer-events: none;
  z-index: 20;
}
.newsdetail__header-content{
  text-align: left;
  max-width: 840px;
  padding-right: 12rem !important;
  position: relative;
  z-index: 30;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}


.newsdetail__header-contentinner{
  display: inline-block;
}

.newsdetail__date{
  /* font-style: italic;
  font-weight: bold;
  font-size: 4rem;
  line-height: 0.9;
  text-transform: uppercase;
  color: #FECC00; */
}
.newsdetail__date .style-spacing {
  padding-left: 0;
  padding-right: 0;
}

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













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

.bh-search-inner{
	z-index: 500;
	background: var(--theme-color--ibb-grey-light);
	top: -5000px;
	position: fixed;
	width: 60rem;
	/*     padding: 50px; */
	height: 44.5rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top: 2.4rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
  left: 50%;
  padding-left: 2rem;
  padding-right: 2rem;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.bh-search-inner::-webkit-scrollbar-track { background: transparent; }
.bh-search-inner::-webkit-scrollbar { width: 11px; }
.bh-search-inner::-webkit-scrollbar-thumb {
  background-color: var(--theme-color--ibb-yellow);
  border-radius: 6px;
  border: 3px solid transparent;
}

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

.bh-search-query {
	width: 100%;
	background: none;
	border: 0;
}

.bh-search-wrapper-input{
	position: relative;
  background: white;
	margin-bottom: 3rem;
  height: 5rem;
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
}

.bh-search-wrapper-input:before {
  color: var(--theme-color--ibb-yellow);
	font-size: 2.2rem;
	content: "\e98b";
	font-family: 'bakehouse-iconset';
	cursor: pointer;
	position: absolute;
	pointer-events: none;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 1.5rem;
}

.bh-search-inner input{
  height: 100%;
	-webkit-appearance: none;
	padding-left: 6rem;
  padding-right: 6rem;
	-webkit-box-sizing: border-box;
	      box-sizing: border-box;
	width: 100%;
  text-align: center;
	border-radius: 0;
  font-size: 1.8rem;
}

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


.closesearch{
	position: absolute;
  width: 5rem;
  height: 5rem;
  background: var(--theme-color--ibb-yellow);
  color: var(--theme-color--ibb-blue-dark);
	right: 2rem;
	top: 2.4rem;
	font-size: 2.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	cursor: pointer;
}

.bh-search-wrapper-result{
  /* equals padding from whole search container */
  margin-left: -2rem;
  margin-right: -2rem;
}

.bh-search-result{
  display: block;
	border-left: 1rem solid var(--theme-color--ibb-yellow);
  padding-left: 2.5rem;
  margin-bottom: 2rem;
  padding-right: 7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

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

.bh-search-result-title{
	color: var(--theme-color--ibb-orange);
	/* font-size: 1.8rem; */
  font-size: clamp(1.6rem, 1.0031128404669265rem + 0.7782101167315172vw, 1.8rem);

  font-weight: 600;
  line-height: 1.35;
	margin-bottom: 5px;
}

.bh-search-result-url{ display: none; }
.bh-search-inner{ overflow-y: scroll; }

.bh-search-result-context{
  font-weight: normal;
	/* font-size: 1.6rem; */
  font-size: clamp(1.4rem, 0.8031128404669255rem + 0.7782101167315181vw, 1.6rem);
  line-height: 1.35;
  color: var(--theme-color--ibb-blue-dark);
}

.bh-search-result:after{
  content: '\e90a';
  font-family: 'bakehouse-iconset';
  font-size: 2.4rem;
  position: absolute;
  top: 50%;
  right: 3.5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--theme-color--ibb-blue-dark);
}

@media( max-width: 1023px){


  .bh-search-inner{
    left: 2rem;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    right: 2rem;
    width: auto;
    height: calc(100% - 4rem );
  }

  .bh-search-inner.active{
    top: 2rem;
    height: calc(100% - 4rem );
  }
  .bh-bemode .bh-search-inner.active{
    top: 70px;
  }

  .bh-search-result{
    padding-left: 1.5rem;
    padding-right: 5rem;
    border-left-width: 0.5rem;

  }
  .bh-search-result:after{
    right: 2rem;
    font-size: 1.8rem;
  }
  .bh-search-result-title{
    /* font-size: 1.6rem; */
  }
  .bh-search-result-context{
    /* font-size: 1.4rem; */
  }

}





/*------------------------------------*\
  #El-weather
\*------------------------------------*/
.el-weather .swiper-button-disabled{
  display: none;
}








/*------------------------------------*\
  #Social Wall
\*------------------------------------*/



.el-social .swiper-wrapper{
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.el-social .swiper-navigation{
  background: var(--theme-color--ibb-yellow);
  color: var(--theme-color--ibb-blue-dark);
}

.bh-social-rows2 .bh-social-post.bh-social-post{
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 6rem;
  height: auto;
  margin-bottom: 0;
  background: var(--theme-color--ibb-white);
}

.bh-social-rows2 .bh-social-post:before,
.bh-social-rows2 .bh-social-datewrapper.bh-social-datewrapper{
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 6rem;
  padding: 0.5rem 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--theme-color--ibb-orange);
}

.bh-social-rows2 .bh-social-post:before{
  content: '\e9ac';
  font-family: 'bakehouse-iconset';
  font-size: 2.4rem;
  right: 2rem;
}
.bh-social-rows2 .bh-social-post[data-network="facebook"]:before{
  content: '\e9a5';
}
.bh-social-rows2 .bh-social-content.bh-social-content{
  position: static;
}

.bh-social-rows2 .bh-social-datewrapper.bh-social-datewrapper{
  position: absolute;
  left: 2rem;

  font-style: italic;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.bh-social-rows2 .bh-social-weekday{
  display: none;
}

.bh-social-rows2 .bh-social-background-picture.bh-social-background-picture{
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 0;
  padding-top: 100%;
}

.bh-social-rows2 .bh-social-message.bh-social-message{
  padding: 2rem;
  font-size: 1.6rem;
}


@media(min-width: 1024px){
  .el-social .bh-swiper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .el-social .swiper-navigation{
    position: static;
  }

  .el-social .swiper-button-prev{
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-right: 2rem;
  }
  .el-social .swiper-button-next{
    margin-left: 2rem;
  }

}
@media( max-width:1023px){
  .el-social .bh-swiper{
    padding-top: 6rem;
  }
  .el-social .swiper-navigation{
    top: 0;
    margin-top: 0;
  }
}




/*------------------------------------*\
  #CooRoute
\*------------------------------------*/
.cooRouteMap.cooRouteMap{
  min-height: 60vh;
}

.cooRouteLocation.cooRouteLocation{
  background-color: var(--theme-color--ibb-blue-dark);
}

.cooRouteLocation.cooRouteLocation form{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	  -ms-flex-pack: center;
	      justify-content: center;
}

.cooRouteLocationInput.cooRouteLocationInput{
	border: none;
	background: #FFFFFF;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	min-height: 3.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	text-align: center;
  -webkit-clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
          clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
}

.cooRouteSubmit.cooRouteSubmit{
	cursor: pointer;
	font-weight: 900;
  font-family: inherit;
  font-style: italic;
	font-size: 1.6rem;
	text-align: left;
	padding-top: 1rem;
	padding-bottom: 1rem;
	min-height: 3.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: var(--theme-color--ibb-orange);
  color: var(--theme-color--ibb-blue-dark);
  text-transform: uppercase;
	border: none;
	-webkit-appearance: none;

  -webkit-clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);

          clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
  /* because of skewed buttons (clip path ) */
  margin-left: -2rem;
}

@media( max-width: 1023px){
  .cooRouteMap.cooRouteMap{
    min-height: 40vh;
  }
}


@media( max-width: 600px){

  .cooRouteLocation.cooRouteLocation{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .cooRouteLocation.cooRouteLocation form{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cooRouteLocationInput.cooRouteLocationInput{
    margin-bottom: 1rem;;
  }
  .cooRouteLocationInput.cooRouteLocationInput,
  .cooRouteSubmit.cooRouteSubmit{
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-clip-path: none;
            clip-path: none;
  }
}








/*------------------------------------*\
  #Breadcrumb
\*------------------------------------*/
.l-breadcrumb{ background-color: var(--theme-color--ibb-grey-light); }

.bh-breadcrumb{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  font-size: 1.6rem;
  line-height: 1.2;
  color: var(--theme-color--ibb-blue-dark);

}
.bh-breadcrumb .bh-breadcrumb-label {
  padding-right: 0.5rem;
  opacity: 0.5;
}

.bh-breadcrumb ol {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin: 0;
}

.bh-breadcrumb li .bh-breadcrumb-split {
  padding-right: 0.5rem;
  vertical-align: baseline;
  color: var(--theme-color--ibb-orange);
  font-size: 2.4rem;
}
.bh-breadcrumb li{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bh-breadcrumb a{
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

.bh-breadcrumb a:hover{
  color: var(--theme-color--ibb-orange);
}



@media( max-width: 1023px){

}
@media( max-width: 767px){
  .bh-breadcrumb li:first-child .bh-breadcrumb-split {
    display: none;
  }
}







/*------------------------------------*\
  #Footer
\*------------------------------------*/

.l-footer__main{
  background-color: var(--theme-color--ibb-blue-dark);
  color: white;
  padding-top: 5rem;
  padding-bottom: 3.5rem;
}

.l-footer__main-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-footer__section-title{
  margin-bottom: 1rem;
  font-style: italic;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 0.9;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.l-footer__logo{
  width: 10rem;
  height: 10rem;
  background: url("/fileadmin/images/logo--sign-small.svg") no-repeat left top;
  margin-right: 6rem;
}
.l-footer__logo a{
  display: block;
  width: 100%;
  height: 100%;
}

.l-footer__main-box{
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.l-footer__main-top{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4rem;
}



.l-footer__contact{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 5rem;
}
.l-footer__address{ margin-bottom: 3.5rem; }
.l-footer__address-title{
  color: var(--theme-color--ibb-yellow);
  font-weight: 600;
}

.l-footer__address-text a{
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.l-footer__address-text a:hover{
  color: var(--theme-color--ibb-yellow);
}

.l-footer__socials{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-footer__social{
  font-size: 24px;
  margin-right: 2.4rem;
  color: var(--theme-color--ibb-yellow);
}


.l-footer__service .servnavi_item{ color: var(--theme-color--ibb-yellow); }
.l-footer__service .servnavi_item > a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-size: 1.8rem;
}

.l-footer__service .bh-navigation-item-icon{
  margin-right: 2rem;

  font-size: 2.4rem;
  color: #687480;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.l-footer__service .servnavi_item:hover .bh-navigation-item-icon{
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.l-footer__map{
  margin-left: auto;
  width: 45rem;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.l-footer__map img{
  max-width: 100%;
  height: auto;
}


.l-footer__privacy .servnavi_item{
  display: inline-block;
  cursor: pointer;
  margin-right: 2rem;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.5;
  -webkit-transition: color 0.4s, opacity 0.4s;
  -o-transition: color 0.4s, opacity 0.4s;
  transition: color 0.4s, opacity 0.4s;
}

.l-footer__privacy .servnavi_item:hover{
  color: var(--theme-color--ibb-yellow);
  opacity: 1;
}

.l-footer__partners{
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	  -ms-flex-align: center;
	      align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}

.l-footer__partner{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-left: 2rem;
  margin-right: 2rem;
}

.l-footer__partner--imst-at{
	background-image: url("/fileadmin/images/logo--imst-at.svg");
	width: 6.2rem;
	height: 6.7rem;
}
.l-footer__partner--tirol-regio{
	background-image: url("/fileadmin/images/logo--regiocard.png");
	width: 7rem;
	height: 6.1rem;
}
.l-footer__partner--familypass{
	background-image: url("/fileadmin/images/logo--familypass.png");
	width: 8.3rem;
	height: 5.4rem;
}
.l-footer__partner--snowcard{
	background-image: url("/fileadmin/images/logo--snowcard.svg");
	width: 10.2rem;
	height: 5.3rem;
}
.l-footer__partner--tourispo{
	background-image: url("/fileadmin/images/logo--tourispo.png");
	width: 17.9rem;
	height: 5.6rem;
}
.l-footer__partner--busziel{
	background-image: url("/fileadmin/images/logo--busziel.png");
	width: 7rem;
	height: 7rem;
}
.l-footer__partner--gletscherpark{
	background-image: url("/fileadmin/images/logo--gletscherpark.png");
	width: 11.9rem;
	height: 6rem;
}

.l-footer__partner--bakehouse{
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 8.5rem;
  height: 2.1rem;
  padding: 0;
  margin: 0;
  background-image: url("/fileadmin/images/logo--bakehouse.svg");
}


@media(max-width: 1280px){
  .l-footer__main-inner{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .l-footer__logo{
    margin-right: 0;
    margin-bottom: 4rem;
  }

}

@media(max-width: 1023px){
  .l-footer__main-top{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .l-footer__contact{
    padding-right: 2rem;
  }

  .l-footer__contact,
  .l-footer__service{
    width: 50%;
    margin-bottom: 6rem;
  }
  .l-footer__map{
    margin-left: auto;
    margin-right: auto;
  }

  .l-footer__privacy{
    text-align: center;
  }
  .l-footer__partners{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-footer__partner{
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    flex-grow: 1;
  }
  .l-footer__partner--bakehouse{
    margin-bottom: 0;
  }
}

@media( max-width: 600px){
  .l-footer__contact{
    padding-right: 0;
  }
  .l-footer__contact,
  .l-footer__service{
    width: 100%;
    margin-bottom: 3rem;
  }
  .l-footer__logo {
    width: 6.2rem;
    height: 5.9rem;
    margin-bottom: 2.7rem;
    background-size: 6.2rem 5.9rem;
  }
  .l-footer__main {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .l-footer__service .servnavi_item > a {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .bh-breadcrumb ol {
    justify-content: flex-start;
  }
  .bh-breadcrumb li .bh-breadcrumb-split {
    padding-right: 0;
    font-size: 1.6rem;
  }
  .bh-breadcrumb {
    font-size: 1.3rem;
  }

}


/*------------------------------------*\
  #Footer Mobile
\*------------------------------------*/
.l-footermobile{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  z-index: 130;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: var(--theme-color--ibb-yellow);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--theme-color--ibb-blue-dark);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

}
.l-footermobile__link{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;

  padding-top: 1rem;
  padding-bottom: 1rem;
}

.l-footermobile__link--highlight {
    transform: translateY(-12px);
    height: calc(100% + 12px);
    box-sizing: border-box;
    background-color: var(--theme-color--ibb-green);
    color: var(--theme-color--ibb-blue-dark);
    border-radius: 2px 2px 0px 0px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);
    padding-left: 1rem;
    padding-right: 1rem;
}

.l-footermobile__link-icon{
  font-size: 2.4rem;
  margin-bottom: 0.7rem;
}

/* ----- 360° PANORAMA RUNDBLICK FUTUREWEB ----- */

#rbPanoPlayer {
  width: 100%;
  padding-top: 55%;
}
#krpanoSWFObject {
  position: absolute !important;
  top: 0; left: 0;
}





/*------------------------------------*\
  #Print-Version
\*------------------------------------*/
@media print{
  #bhe-pane,
  .l-page__overlay,
  .l-page__nav,
  .bh-search-inner,
  .l-footermobile,
  .el-pattern-item__pic,
  .el-pattern-item__facility{
    display: none !important;
  }

  body.bh-bemode,
  .l-page{
    padding-top: 0;
  }
  .newslist__items{
    width: 100%;
  }
  .newslist--news{
    width: 100%;
    overflow: hidden;
  }
  .el-pattern-container.el-pattern-container{
    display: block;
  }
  .el-pattern-item__overlay.el-pattern-item__overlay{
    opacity: 1;
  }
  .el-pattern-item__content.el-pattern-item__content{
    position: static;
    opacity: 1 !important;
    pointer-events: all !important;
  }
  .el-pattern-item__title.el-pattern-item__title{
    color: black;
  }

}