/* General Styles and Preferences */

/* pt-sans-regular - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('../fonts/pt-sans-v9-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('PT Sans'), local('PTSans-Regular'),
        url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg');
    /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url('../fonts/pt-sans-v9-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('PT Sans Bold'), local('PTSans-Bold'),
        url('../fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/pt-sans-v9-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/pt-sans-v9-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg');
    /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url('../fonts/pt-sans-v9-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('PT Sans Italic'), local('PTSans-Italic'),
        url('../fonts/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/pt-sans-v9-latin-italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/pt-sans-v9-latin-italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/pt-sans-v9-latin-italic.svg#PTSans') format('svg');
    /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url('../fonts/pt-sans-v9-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
        url('../fonts/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/pt-sans-v9-latin-700italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/pt-sans-v9-latin-700italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/pt-sans-v9-latin-700italic.svg#PTSans') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'playlist';
    src: url('../fonts/playlist/playlist_script-webfont.woff2') format('woff2'),
        url('../fonts/playlist/playlist_script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* -------- Backgrounds ------- */



.style-bg--blue {
    background-color: #085094;
}

.style-bg--blue--light {
    background-color: #E5EDF4;
}

.style-bg--lightgrey {
    background-color: #eeeeee;
}

.style-bg--white {
    background-color: white;
}

/*------------------------------------*\
    #GLOBAL STYLES AND COLORS
  \*------------------------------------*/
.style-color--white {
    color: white;
}


/* -------- Abdunkeln ------- */

.style-darken--full {
    background: rgba(51, 51, 51, 0.3);
}


body {
    min-width: 1024px;
}

.black {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #c0c0c0;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: 130;
    background-image: url("../images/construction.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}

body.bh-femode .black {
    display: none;
}

.bhT3.bhElement {
    width: 100%;
    position: relative;
}

.bhT3 .frame-type-html iframe {
    display: block;
}

#Content .bh-bodytext a {
    text-decoration: none;
    color: #DE0017;
    border-bottom: 1px solid RGBA(222, 0, 23, .2);
}

#Content .bh-bodytext a:hover {
    color: #0F5090;
    border-bottom: 1px solid RGBA(15, 80, 144, .2);
}


.bh-color-invert .bh-bodytext * {
    color: #fff;
}

/* ----- BHE-STATE-EDITING HEADER FIX ----- */


body.bh-bemode.bhe-state-editing #TopOuter {
    top: 80px;
}


body.bh-bemode.bhe-state-editing #Page {
    margin-top: 30px;
}

/* ----- BODY ----- */

body {
    color: #4A4A4A;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-osx-font-smoothing: grayscale;
}

/* Wenn angemeldet nach unten rücken */
body.bh-bemode {
    padding-top: 50px;
}

body.bh-bemode.bhe-state-editing {
    padding-top: 80px;
}

#Page {
    background: #fff;
    padding-top: 100px;
    position: relative;
}

/* Optik für Bildschirme größer als 1920px */
@media only screen and (min-width: 1920px) {
    body {
        background: #f3f3f3;
    }

    #Page {
        -webkit-box-shadow: 0px 0px 200px rgba(0, 0, 0, .2);
        box-shadow: 0px 0px 200px rgba(0, 0, 0, .2);
    }

    #LogoSmall a {
        opacity: 0;
    }

    body.bh-scroll-nottop #LogoSmall a {
        opacity: 1;
    }
}

/* ------ DEFAULT STYLES ------ */

h1,
.bh-bodytext h1,
h2,
.bh-bodytext h2,
h3,
h4,
h5 {
    margin-bottom: 20px !important;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'PT Sans', sans-serif;
    margin-bottom: 20px;

}

h1,
.bh-bodytext.style-text--h1-playlist,
.style-text--h1-playlist {
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 20px;

}

h1 strong {
    font-weight: 700;
}

.bh-bodytext.style-text--h1-playlist,
.style-text--h1-playlist,
h1 .style-h1--playlist {
    font-family: playlist, serif;
    font-size: 60px;
    line-height: 1;
}

h2,
.bh-bodytext.style-text--h2-playlist,
.style-text--h2-playlist {
    font-size: 33px;
    line-height: 36px;
}

.bh-bodytext.style-text--h2-playlist,
.style-text--h2-playlist,
h2 .style-h2--playlist {
    font-family: playlist, serif;
    font-size: 50px;
    line-height: 1;
}

h1+h2,
h1+h3 {
    margin-top: -20px;
}

h3,
h3.bh-bodytext {
    font-size: 27px;
    font-weight: 400;
    line-height: 30px;
}

.style-text--h4,
.bh-bodytext.style-text--h4,
h4 {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 40px;
    position: relative;
}

h4:after {
    content: '';
    display: block;
    background: #DE0017;
    height: 1px;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    bottom: -7px;
    opacity: .2;
}

h5 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 0;
}

h5 {
    margin-bottom: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.blue {
    color: #044e92;
}

.red {
    color: #e2001a;
}

.white {
    color: white;
}

.bg-white {
    background-color: white;
    display: inline-block;
    padding: 10px 13px;
}

.bh-styleclass-highlight {
    font-size: 23px;
    line-height: 1.4;
    color: #949494;
}

.bh-bodytext {
    font-size: 17px;
}

.bh-styleclass-linkbutton {
    background-color: rgb(222, 0, 23);
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    font-weight: 700;
    color: #fff !important;
}

#Content .bh-bodytext .bh-styleclass-linkbutton a {
    color: #fff;
    border-bottom: none;
}

.bh-styleclass-linkbutton:hover {
    background-color: rgba(222, 0, 23, 0.8);
}

.style-width-large-with-padding {
    max-width: 1600px;
    padding-left: 20px;
    padding-right: 20px;
}

.bg-cover .bhBackgroundImage {
    background-size: cover;
}

body {
    overflow-x: hidden;
}


p.bh-bodytext.style-p--teaser,
.bh-bodytext p.style-p--teaser {
    font-weight: 400;
    font-size: 21px;
    line-height: 1.5;
    text-align: center;
    color: #6F6E6E;
}


/* ------ HEADER IMAGE ------ */
.bhHeaderImage .header-img-pic {
    height: 750px;
}

.bhHeaderImage .header-img-pic .bhBackgroundImage {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}

main .bhHeaderImage .header-img-pic .bhBackgroundImage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100%;
}

.bhHeaderImage .header-img-text {
    display: none;
    background: rgba(0, 0, 0, .25);
    position: absolute;
    width: 380px;
    height: 100%;
    top: 0;
}


.headerimgtextleft.bhHeaderImage .header-img-text {
    display: block;
}

.headerimgtextright.bhHeaderImage .header-img-text {
    display: block;
    right: 0;

    background: rgba(0, 0, 0, .25);
}

.bhFader .header-img-text {
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.bhFader .headerimgtextright .header-img-text {
    right: -50px;
}

.bhFader .headerimgtextleft .header-img-text {
    left: -50px;
}

.bhFader .headerimgtextright.current .header-img-text {
    right: 0px;
    opacity: 1;
}

.bhFader .headerimgtextleft.current .header-img-text {
    left: 0px;
    opacity: 1;
}

.header-img-text-inner {

    height: 100%;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
}

.header-img-text-content {
    /*
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
  */
    color: #fff;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, .4);
    margin-top: 40px;
}

header .header-img-text-content {
    margin-top: 190px;
}

.headerimgtextleft .header-img-text-content {
    margin-left: 100px;
    margin-right: 30px;
    text-align: left;
}

.headerimgtextright .header-img-text-content {
    margin-right: 100px;
    margin-left: 30px;
    text-align: right;
}

.header-img-text-inner .bh-styleclass-highlight {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 30px !important;
}







/* ------ TABLES ------ */

#Content td {
    padding: 5px;
    font-size: 15px;
    line-height: 26px;
}

#Content tr:nth-child(1) {
    font-weight: 700;
    color: #fff;
    /*background-color: #0F5090;*/
    background-color: rgb(222, 0, 23);
}

#Content tr:nth-child(odd) {
    /*background-color: rgba(0,0,0,.1)}
      background-color: rgba(0,0,0,.04); }*/
    background-color: #e6f0f7;
}


#Content tr td:first-child {
    font-weight: 700;
    text-align: left;
}

/* ------ TABLE SKIPASSPREISE ------ */

#Content table.skipasspreise td:nth-child(1) {
    width: 8%;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .05);
}

#Content table.skipasspreise td:nth-child(2) {
    width: 14%;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .05);
}

#Content table.skipasspreise td:nth-child(3),
#Content table.skipasspreise td:nth-child(4),
#Content table.skipasspreise td:nth-child(5) {
    width: 26%;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .05);
}

#Content table.skipasspreise td:nth-child(5) {
    border-right: none;
}

#Content table.skipasspreise tr:hover {
    /*background-color: rgba(0,0,0,.2);*/
    background-color: #aad1ec;
}

#Content table.skipasspreise tr:nth-child(1) {
    background-color: #0F5090;
    /*background-color: rgb(222,0,23);*/
}

/*#Content table.skipasspreise tr:nth-child(1):hover {
      background-color: #0F5090;
  }
  */
#Content table.skipasspreise tr.trtrenner {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#Content table.skipasspreise .specialprice {
    background-color: rgb(222, 0, 23);
    color: #fff;
}

/* ------ TABLE EINZELFAHRTEN ------ */

#Content table.einzelfahrten td:nth-child(1) {
    width: 50%;
    text-align: left;
    border-right: 1px solid rgba(0, 0, 0, .05);
}

#Content table.einzelfahrten td:nth-child(2),
#Content table.einzelfahrten td:nth-child(3) {
    width: 25%;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .05);
}

#Content table.einzelfahrten td:nth-child(3) {
    border-right: none;
}

#Content table.einzelfahrten tr:hover {
    /*background-color: rgba(0,0,0,.1);*/
    background-color: #aad1ec;
}

#Content table.einzelfahrten tr:nth-child(1) {
    background-color: #0F5090;
    /* 	background-color: rgb(222,0,23); */
}

/*#Content table.einzelfahrten tr:nth-child(1):hover {
      background-color: #0F5090;
  }
  */

/* ------ TABLE SAISONSKARTEN------ */

#Content table.saisonskarten td:nth-child(1) {
    width: 38%;
    text-align: left;
    border-right: 1px solid rgba(0, 0, 0, .05);
}

#Content table.saisonskarten td:nth-child(2),
#Content table.saisonskarten td:nth-child(3),
#Content table.saisonskarten td:nth-child(4) {
    width: 20.6666666%;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .05);
}

#Content table.saisonskarten td:nth-child(4) {
    border-right: none;
}

#Content table.saisonskarten tr:hover {
    /*background-color: rgba(0,0,0,.1);*/
    background-color: #aad1ec;
}

#Content table.saisonskarten tr:nth-child(1) {
    background-color: #0F5090;
    /*background-color: rgb(222,0,23);*/
}

#Content table.saisonskarten tr:nth-child(1):hover {
    /*background-color: #0F5090;*/
    background-color: rgb(222, 0, 23);
}

/* ------ IMAGES ------ */


.bh-femode #Content .news-start-item .news-start-pic {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.bh-femode #Content .news-start-item:hover .news-start-pic {
    -webkit-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
}

body:not(.bhe-state-editing) #Content .bhPicture img {
    width: 100%;
    height: auto;
}







/* ------------- bhPicture --------- */

.bhPicture .bhElementInner>div {
    position: relative;
}

.bhPicture .bhBgImage {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.bhPicture .bhBgImage {
    background-size: cover;
    background-position: center center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.backgroundPositionCC .bhBgImage {
    background-position: center center;
}

.backgroundPositionLC .bhBgImage {
    background-position: left center;
}

.backgroundPositionRC .bhBgImage {
    background-position: right center;
}

.backgroundPositionCT .bhBgImage {
    background-position: center top;
}

.backgroundPositionCB .bhBgImage {
    background-position: center bottom;
}

.backgroundPositionLT .bhBgImage {
    background-position: left top;
}

.backgroundPositionRT .bhBgImage {
    background-position: right top;
}

.backgroundPositionLB .bhBgImage {
    background-position: left bottom;
}

.backgroundPositionRB .bhBgImage {
    background-position: right bottom;
}



/* ------ HINTERTUX COLOR-STYLES ------ */

.htg-color-red {
    color: #DE0017;
}

.htg-bg-red {
    background-color: #DE0017;
}

.htg-color-blue {
    color: #085094;
}

.htg-bg-blue {
    background-color: #085094;
}

.htg-color-grey {
    color: #4A4A4A;
}

.htg-bg-grey {
    background-color: #EEEEEE
}

;

.htg-bg-lightgrey {
    background-color: rgba(0, 0, 0, .05);
}





/* ------ TOP ------ */

#TopOuter {
    min-width: 1024px;
    background-color: #ffffff;
    /* 	background-color: rgba(80, 80, 80, 0.85); */
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    position: fixed;
    height: 100px;
    width: 100%;
    z-index: 110;
    top: 0;
    -webkit-transition: top .4s;
    -o-transition: top .4s;
    transition: top .4s;
}

#Top {
    display: none;
    height: 100px;
}

/* Wenn angemeldet, nach unten rücken */
body.bh-bemode #TopOuter {
    top: 50px;
}

/* TOP SCROLLING POSITIONS  */
body.bh-scroll-nottop #TopOuter {
    top: -100px;
}

body.bh-bemode.bh-scroll-nottop #TopOuter {
    top: -50px;
}

body.bh-scroll-nottop #LogoSmall a {
    margin-left: 0;
}

#TopLoader {
    height: 100px;
}

.sk-circle {
    width: 40px;
    height: 40px;
    position: relative;
    top: 30px;
    margin: 0 auto;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: white;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* ------ LOGO ------ */

#Logo a {
    background-image: url("../images/htg-logo-positiv.png");
    background-image: url("../images/htg-logo-positiv.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 185px;
    display: block;
    height: 100px;
    width: 200px;
}

#LogoHeader a {
    background-image: url("../images/htg-logo-negativ.png");
    background-image: url("../images/htg-logo-negativ.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 200px;
    display: none;
    height: 150px;
    width: 200px;
    position: absolute;
    z-index: 10;
    top: 200px;
    left: 30px;
}

#LogoSmall a {
    background-image: url("../images/logo_sm.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: block;
    margin-left: -40px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
}

body.bh-scroll-nottop #LogoSmall a {
    visibility: visible;
}

/* ------ NAVIGATION ------ */

#NavigationOuter {
    width: 100%;
    height: 80px;
    position: relative;
    padding: 20px 0;
    box-sizing: border-box;
    transition: height 0.4s, padding 0.4s, background 0.4s;
}

body.infoboxshow #NavigationOuter,
body.bh-scrolled #NavigationOuter {
    height: 40px;
    padding: 0;
    background: #0f5090;
}

#MainNavigation {
    line-height: 38px;
}

.bhe-state-editing #NavigationOuter {
    opacity: 0.2;
    pointer-events: none;
}






/* ------ HAUPTMENÜ ------ */

.hnavi_item {
    display: inline-block;
    /* position: relative; */
    float: left;
    text-align: center;
}

.hnavi_item.has-submenu::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 60px;
    transform: translateX(-14px);
    border-style: solid;
    border-width: 8px 14px 0 14px;
    border-color: #004F91 transparent transparent transparent;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
}

.hnavi_item.has-submenu.expanded::before,
.hnavi_item.has-submenu:hover::before {
    opacity: 1;
}

.hnavi_item.has-submenu::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 100%;
    pointer-events: none;
}

.hnavi_item.has-submenu.expanded::after,
.hnavi_item.has-submenu:hover::after {
    pointer-events: all;
}

body.infoboxshow .hnavi_item.has-submenu::before,
body.infoboxshow .hnavi_item.has-submenu::after,
body.bh-scrolled .hnavi_item.has-submenu::before,
body.bh-scrolled .hnavi_item.has-submenu::after {
    content: none;
}


.hnavi_item>a {
    color: #fff;
    font-size: 18px;
    padding: 2px 18px 0px 18px;
    border-right: 1px solid rgba(255, 255, 255, .3);
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hnavi_item>a:focus,
.hnavi_item.expanded>a,
.hnavi_item:hover>a {
    background-color: #004F91;
}

/* 27.04.2022 – Shop auch englisch verfügbar machen */
/* body[data-activelang-code="en"] .hnavi_item[data-pid="434"],
body[data-activelang-code="en"] .hnavi_item[data-pid="419"] {
    display: none;
} */
body[data-activelang-code="en"] .hnavi_item[data-pid="434"] {
    display: none;
}

/* ----- UNTERMENÜ 1 und 2 (KID A) ----- */

ul.navi.hsnavi_box {
    background-color: #fff;
    position: absolute;
    width: 200px;
    text-align: left;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    visibility: hidden;
    opacity: 0;
}

.hsnavi_item_image {
    display: none;
}

.hssnavi_item.hasNaviImage {
    position: relative;
}

.hssnavi_item.hasNaviImage>a {
    padding-left: 0 !important;
}

.hssnavi_item.hasNaviImage .hsnavi_item_image {
    display: block;
}

.hssnavi_item.hasNaviImage .hsnavi_item_text {
    height: 40px;
    color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    padding: 0 10px;
    background-color: #0f5090;
    position: relative;
    width: 100%;
    font-weight: 700;
}

.hssnavi_item.hasNaviImage .hsnavi_item_text:after {
    content: '';
    right: 10px;
    top: 50%;
    width: 20px;
    height: 22px;
    background-size: contain;
    margin-top: -12px;
    position: absolute;
}

.hssnavi_item.hasNaviImage .hsnavi_item_image img {
    width: 100%;
}


.hsnavi_item>a {
    position: relative;

}

/* 29.03.2022 – ICONS AUSGEBLENDET */

/* .hsnavi_item > a:before{
      content: '';
      left: 0;
      background-repeat: no-repeat;
      background-position: center center;
      position: absolute;
      height: 30px;
      width: 30px;
      top: 50%;
      margin-top: -15px;
  }

  .hsnavi_item .nav-skigebietsinfos:before{
      background-image: url("../images/navicons/nav-skigebietsinfo.svg");
  }
  .hsnavi_item .nav-aktuelles:before{
      background-image: url("../images/navicons/nav-aktuelles.svg");
  }
  .hsnavi_item .nav-service:before{
      background-image: url("../images/navicons/nav-service.svg");
  }
  .hsnavi_item .nav-tipp:before{
      background-image: url("../images/navicons/nav-tipp.svg");
  }
  .hsnavi_item .nav-sehenswertes:before{
      background-image: url("../images/navicons/nav-sehenswertes.svg");
  }
  .hsnavi_item .nav-ski-fun:before{
      background-image: url("../images/navicons/nav-ski-fun.svg");
  }
  .hsnavi_item .nav-wandern:before{
      background-image: url("../images/navicons/nav-wandern.svg");
  }
  .hsnavi_item .nav-action:before{
      background-image: url("../images/navicons/nav-action.svg");
  }
  .hsnavi_item .nav-family:before{
      background-image: url("../images/navicons/nav-family.svg");
  }
  .hsnavi_item .nav-skipass:before{
      background-image: url("../images/navicons/nav-skipass.svg");
  }

  .hsnavi_item .nav-saison:before{
      background-image: url("../images/navicons/nav-saison.svg");
  } */


/* ----- MENÜ SITEMAP (KID A) ----- */

nav#MainNavigation.bh-nav-sitemap ul.navi.hsnavi_box {
    /* alter Wert bis 29.03.2022 */
    /* width: 1010px; */
    width: 100%;
    position: absolute;
    text-align: left;
    left: 0;
    top: 80px;
    -webkit-box-shadow: 0px 5px 40px rgba(0, 0, 0, .1);
    box-shadow: 0px 5px 40px rgba(0, 0, 0, .1);
    /*transition: all .4s;*/
    pointer-events: none;
}

body.infoboxshow nav#MainNavigation.bh-nav-sitemap ul.navi.hsnavi_box,
body.bh-scrolled nav#MainNavigation.bh-nav-sitemap ul.navi.hsnavi_box {
    top: 40px;
}

/* Bildschirme größer als 1920px Positioning */
@media only screen and (min-width: 1920px) {
    nav#MainNavigation.bh-nav-sitemap :not[data-pid="443"] ul.navi.hsnavi_box {
        width: 1010px;
        left: 50%;
        margin-left: -960px;
    }
}

nav#MainNavigation.bh-nav-sitemap ul.navi.hsnavi_box:before {
    display: none;
}

nav#MainNavigation.bh-nav-sitemap li.hsnavi_item {
    width: 200px;
    border: none;
    margin: 30px 0px 30px 30px;
}

nav#MainNavigation.bh-nav-sitemap li.hsnavi_item.has-submenu>a {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

nav#MainNavigation.bh-nav-sitemap li.hsnavi_item.has-submenu:after {
    display: none;
}

nav#MainNavigation.bh-nav-sitemap ul.navi.hssnavi_box {
    position: relative;
    width: 100%;
    margin: 0;
    background-color: transparent;
}

nav#MainNavigation.bh-nav-sitemap li.hnavi_item.expanded ul.navi.hsnavi_box,
nav#MainNavigation.bh-nav-sitemap li.hnavi_item:hover ul.navi.hsnavi_box {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

/*
  #Page.page-with-warning nav#MainNavigation.bh-nav-sitemap li.hnavi_item:hover ul.navi.hsnavi_box {
      top: 220px;
  }
  */

/*
  body.bh-bemode #Page.page-with-warning nav#MainNavigation.bh-nav-sitemap li.hnavi_item:hover ul.navi.hsnavi_box{
      top: 270px;
  }
  */
nav#MainNavigation.bh-nav-sitemap li.hsnavi_item>a {
    /* padding-left: 35px; */
    padding-left: 10px;
    color: #DE0017;
    font-size: 18px;
    border-bottom: 1px solid RGBA(222, 0, 23, .25);
    cursor: default;
    line-height: 23px;
    padding-bottom: 8px;
}

li.hssnavi_item a {
    /* overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; */
}

nav#MainNavigation.bh-nav-sitemap li.hssnavi_item>a {
    color: #6a6a6a;
    padding-left: 10px;
    /* padding-top: 2px;
    line-height: 2em; */
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3em;
    padding-bottom: 5px;
    padding-top: 7px;
}

nav#MainNavigation.bh-nav-sitemap li.hssnavi_item>a:hover {
    background-color: rgba(0, 0, 0, .05);
}

/* ------ SPRACHMENÜ ------ */

#LanguageMenu {
    line-height: 40px;
    border-left: 1px solid rgba(255, 255, 255, .2);
}

#LanguageMenu ul {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    max-height: 40px;
    min-height: 40px;
    padding: 0;
    padding-top: 40px;
    position: relative;
    overflow: hidden;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;
}

#LanguageMenu ul li {
    list-style: none;
    padding-left: 10px;
}

#LanguageMenu ul li:hover,
#LanguageMenu ul li:focus-within {
    background-color: rgba(255, 255, 255, .1);
}

#LanguageMenu ul a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-left: 40px;
    width: 100px;
    color: #fff;
}

#LanguageMenu ul.active,
#LanguageMenu:focus-within ul,
#LanguageMenu:hover ul {
    max-height: 280px;
    height: auto;
    background-color: rgba(0, 0, 0, .3);
}

[data-lang-code="de"][data-activelang-code="en"] #LanguageMenu li:nth-child(2),
#LanguageMenu li.active {
    position: absolute;
    top: 0;
}

#LanguageMenu li a:before {
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 24px;
}

[data-lang-code="de"][data-activelang-code="en"] #LanguageMenu li:nth-child(2),
#LanguageMenu li.language-not-translated {
    filter: grayscale(1);
    opacity: 0.5;
}

.lang-de {
    position: relative;
}

.lang-de:before {
    background: url("../images/icons/lang/deutsch.svg") no-repeat center center;
}

.lang-en:before {
    background: url("../images/icons/lang/english.svg") no-repeat center center;
}

.lang-cs:before {
    background: url("../images/icons/lang/czech.svg") no-repeat center center;
}

.lang-it:before {
    background: url("../images/icons/lang/italian.svg") no-repeat center center;
}

.lang-fr:before {
    background: url("../images/icons/lang/french.svg") no-repeat center center;
}

.lang-pl:before {
    background: url("../images/icons/lang/polish.svg") no-repeat center center;
}

.toolitem_inner {
    position: absolute;
    top: 40px;
    right: 0px;
    display: none;
    background: #3a3b3b;
}

/* ------ HEADER ------ */

#HeaderOuter {
    position: relative;
}

#HeaderOuter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 140px;
    width: 100%;
    background: linear-gradient(180deg, #004E8F 0%, rgba(0, 78, 143, 0) 100%);
    opacity: 0.7;
    z-index: 10;
    pointer-events: none;
}

.bh-state-mobile #HeaderOuter::before {
    content: none;

}

header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* ABWANDLUNG SKETCH */
    position: relative;
    /* 	margin-top: 140px; */
    /* 	background-color: rgba(0,0,0,.05); */
    /* 	height: 70vh; */
    /* 	height: 750px; */
    min-height: 150px;
    z-index: 5;
}

.page-with-powder-alarm #HeaderOuter {
    margin-top: 55px;
}

.page-with-powder-alarm.page-with-warning #HeaderOuter {
    margin-top: 135px;
}

.page-with-powder-alarm .bh-bg-parallax .bhBackgroundImage {
    background-attachment: scroll;
}






/* ------ INFOBOX ------ */

#InfoBox {
    width: 1200px;
}

#InfoBox a {
    color: #004F91;
}

#InfoBox .infobox-section {
    float: left;
    height: 100px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border-right: 1px solid rgba(0, 79, 145, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    padding: 7px 0;
}

#InfoBox .infobox-section:hover {
    background-color: rgba(255, 255, 255, .1);
}

#InfoBox .infobox-z3000-summer .infobox-section:hover {
    background-color: inherit;
}

#InfoBox .infobox-z3000-summer .anlage {
    display: block;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

#InfoBox .infobox-z3000-summer .anlage:hover {
    background-color: rgba(255, 255, 255, .1);
}


#InfoBox .infobox-section.infobox-section-webcam {
    width: 180px;
    border-right: none;
    padding: 0;
    color: #ffffff;
}

#InfoBox .infobox-section.infobox-section-pisteplan {
    width: 160px;
}

#InfoBox .infobox-section.infobox-section-open {
    width: 180px;
    padding-top: 32px;
}

#InfoBox .infobox-snow {
    float: left;
    padding-top: 25px;
    height: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#InfoBox .infobox-section.infobox-section-weather {
    width: 310px;
}

#InfoBox .infobox-section.infobox-section-snow {
    width: 10%;
}

#InfoBox .infobox-section.infobox-section-open.infobox-section-summer {
    padding-top: 0px;
}


#InfoBox .infobox-weather-today,
#InfoBox .infobox-weather-tomorrow,
#InfoBox .infobox-weather-aftertomorrow,
#InfoBox .infobox-snow {
    float: left;
    width: 33.3333%;
    height: 100%;
    position: relative;
}

#InfoBox .infobox-section-pisteplan {
    background-image: url("../images/pistenplan2018.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}

#InfoBox .infobox-section-webcam {
    background-position: center center;
    background-size: cover;
}

#InfoBox .webcam-icon-text {
    padding: 0px 6px;
    width: 58px;
    text-align: center;
    text-transform: uppercase;
    border-bottom-right-radius: 3px;
    font-size: 11px;
}

#InfoBox .webcam-icon,
#InfoBox .pisteplan-icon {
    margin: 0 auto;
    background: rgba(255, 255, 255, .9);
    width: 50px;
    height: 50px;
    margin-top: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
}

#InfoBox .pisteplan-icon {
    font-size: 20px;
}

#InfoBox .wt-icon {
    background-repeat: no-repeat;
    background-position: bottom 12px center;
    background-size: 45px;
    display: block;
}

#InfoBox .weather-label,
#InfoBox .info-label {
    width: 33.3333%;
    position: absolute;
    top: 0;
    text-align: center;
}

.info-chart-fifty {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #29649d;
    padding-bottom: 0px;
}

#InfoBox .info-label.move-to-top {
    position: relative;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 0px;
}

#InfoBox .info-label {
    width: 160px;
    padding-left: 10px;
    padding-right: 10px;
}

#InfoBox .info-chart {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 0px;
    padding-left: 10px;
}

/*
// Pistenkilometer ausblenden

#InfoBox .info-chart.hide {
    display: none;
}

#InfoBox .infobox-section-skiarea.hide-km .info-chart {
    line-height: 52px;
}

.bh-state-mobile #InfoBox .infobox-section-skiarea.hide-km .info-chart {
    line-height: 38px;
}

*/


#InfoBox .infobox-snow .info-chart {
    padding-left: 0;
    text-align: center;
}

#InfoBox .text-medium {
    font-size: 95%;
    font-weight: 400;
    line-height: 1.1;
    padding-top: 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#InfoBox .infobox-section-open .text-medium {
    padding-top: 10px;
}

#InfoBox .text-medium span {
    display: block;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: center;
}

#InfoBox .text-medium span.line1 {
    position: absolute;
    width: 90%;
    opacity: 1;
    -webkit-animation: fadein 4s alternate infinite;
    animation: fadein 4s alternate infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    /*
      -webkit-animation: spanline1 8s infinite;
              animation: spanline1 8s infinite;
  */
}

#InfoBox .text-medium span.line2 {
    /*
      -webkit-animation: spanline2 8s infinite;
              animation: spanline2 8s infinite;
  */
    opacity: 0;
    -webkit-animation: fadein 4s alternate infinite;
    animation: fadein 4s alternate infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.infobox-funslopes .anlage {
    display: block;
    /*
      2 Zeilig
      line-height: calc( 100px / 2);
  */
    line-height: calc(100px / 3);
}

#Page.showFunslopes .infobox-funslopes {
    display: block !important;
}


@-webkit-keyframes fadein {

    /* Safari and Chrome */
    0%,
    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@-webkit-keyframes spanline1 {

    0%,
    100%,
    80%,
    20% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes spanline1 {

    0%,
    100%,
    80%,
    20% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@-webkit-keyframes spanline2 {

    0%,
    75%,
    25%,
    100% {
        opacity: 0;
    }

    30%,
    70% {
        opacity: 1;
    }
}

@keyframes spanline2 {

    0%,
    75%,
    25%,
    100% {
        opacity: 0;
    }

    30%,
    70% {
        opacity: 1;
    }
}

#InfoBox .text-small {
    font-size: 70%;
    font-weight: 400;
}

/* ------ INFOBOX-OVERLAY ------ */

#InfoBoxOverlay {
    display: block;
    position: fixed;
    width: 100vw;
    height: calc(100vh - 140px);
    background: rgba(255, 255, 255, .95);
    top: -100vh;
    left: 0;
    z-index: 105;
    -webkit-transition: top .7s;
    -o-transition: top .7s;
    transition: top .7s;
    overflow: hidden;
    padding-top: 140px;
}

/*
  .page-with-warning #InfoBoxOverlay{
      padding-top: 220px;
  }
  */

.hintertux-anzahl,
.zillertal-anzahl {
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

/* Bildschirme größer als 1920 Positioning */
@media only screen and (min-width: 1920px) {
    #InfoBoxOverlay {
        width: 1920px;
        left: 50%;
        margin-left: -960px;
    }
}

body.bh-bemode #InfoBoxOverlay {
    padding-top: 190px;
    height: calc(100vh - 190px);
}

/*
  body.bh-bemode .page-with-warning #InfoBoxOverlay {
      padding-top: 270px;
      height: calc(100vh - 270px);
  }
  */
body.infoboxshow {
    overflow: hidden;
}

body.infoboxshow #InfoBoxOverlay {
    top: 0;
}

#InfoBoxOverlay .infobox-header {
    width: 100%;
    height: 93px;
    position: relative;
}

#InfoBoxOverlay .infobox-close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 93px;
    height: 93px;
    line-height: 93px;
    font-size: 24px;
    text-align: center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 10;
}

#InfoBoxOverlay .infobox-close:hover {
    color: #DE0017;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#InfoBoxOverlayContent {
    padding-top: 0px;
    margin-top: -93px;
    padding-top: 20px;
    height: calc(100vh - 140px);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

body.bh-bemode #InfoBoxOverlayContent {
    height: calc(100vh - 190px);
}


/* ------ INFOBOX OVERLAY LOADER ------ */

.spinner {
    margin: 200px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.dot1,
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #b0b0b0;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
    background-color: #DE0017;
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}







/* ------ WEBCAM THUMBNAILS & AUSGABE ------ */

#WebcamThumbnails {
    width: 100%;
}

.htg-cams-container[data-target="lightbox"] .htg-cam-current {
    display: none;
}

.htg-cam-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
}

.htg-cam-box:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.htg-cam {
    width: 100%;
    background-color: rgba(0, 0, 0, .1);
    height: 115px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.htg-cam .htg-cam-name {
    position: relative;
    background-color: rgba(222, 0, 23, .6);
    display: block;
    padding: 2px 0px 0px 0px;
    text-align: center;
    color: #fff;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.htg-cam-name {
    position: relative;
    border-radius: 5px 5px 0 0;
    background-color: rgba(222, 0, 23, 1);
    display: block;
    padding: 2px 0px 0px 0px;
    text-align: center;
    color: #fff;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}


.htg-cam.current {
    border: 3px solid #DE0017;
}

.htg-cam.current .htg-cam-name {
    background-color: rgba(222, 0, 23, 1);
}

.htg-cam-gefrorene-wand {
    background-image: url('https://wtvpict.feratel.com/picture/37/5552.jpeg?&design=noxdesign');
}

.htg-cam-rastkogel {
    background-image: url('https://wtvpict.feratel.com/picture/37/5554.jpeg?&design=noxdesign');
}

.htg-cam-rastkogel2 {
    background-image: url('https://cam24.giganet.at/record/current.jpg');
}

.htg-cam-finkenberg {
    background-image: url('https://wtvpict.feratel.com/picture/37/5535.jpeg?&design=noxdesign');
}

/*.htg-cam-wanglalm {	background-image: url('https://webcam.giganet.at/webcam/eggalm/2016/07/28/1650_lm.jpg'); }*/
.htg-cam-sommerberg {
    background-image: url('https://wtvpict.feratel.com/picture/37/5551.jpeg?&design=noxdesign');
}

/* .htg-cam-eggalm { background-image: url('https://cam24.giganet.at/record/current.jpg');} */
.htg-cam-eggalm {
    background-image: url('https://live-image.panomax.com/cams/4848/mobile_800x600.jpg');
}

.htg-cam-eggalm-2 {
    background-image: url('https://www.hintertuxergletscher.at/fileadmin/livecam2.php');
}

.htg-cam-fernerhaus {
    background-image: url('https://wtvpict.feratel.com/picture/37/5553.jpeg?&design=noxdesign');
}

.htg-cam-current {
    margin-top: 40px;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 62.5%;
}

.htg-cam-current .htg-cam-iframe,
.htg-cam-current .htg-cam-eggalm-img {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.htg-cam-current .htg-cam-eggalm-img img {
    /* 	width: 100%; */
    display: block;
    height: 100%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

/*
  .htg-cam-current .htg-cam-eggalm-img{
      width: auto !important;
      height: auto !important;
      left: 50%;
      transform: translateX(-50%);
  }
  */
.htg-cams-container .htg-cams {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.htg-cam-outer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 10px;
}

.htg-cam:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.htg-cam-current {}

.htg-cams-container[data-target="iframe"] {
    display: block;
}

/* ------ PISTENPLÄNE AUSGABE ------ */

/* Alle maps anzeigen */
.htg-maps-display-normal .htg-map {
    display: block;
}

/* Nur hintertux anzeigen */
.htg-maps-display-map-htg .htg-map-hintertux {
    display: block;
}

/* nur zillertal 3000 */
.htg-maps-display-map-z3000 .htg-map-zillertal3000 {
    display: block;
}


.htg-map {
    background-color: rgba(0, 0, 0, .1);
    height: calc(100vh - 350px);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    display: none;
}

#InfoBoxOverlay .bhMapsOverview {
    padding-top: 60px;
}

body.htg-map-open .htg-map {
    height: 40px;
}

body.htg-map-open #TopOuter,
body.htg-map-open main,
body.htg-map-open .bhElement {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

body.htg-map-open #QuickLinks,
body.htg-map-open #Breadcrumb,
/* body.htg-map-open footer, */
body.htg-map-open address body.htg-map-open #SocialLinks {
    display: none;
}

/*body.htg-map-open #TopOuter {
      top: -100px;
  }*/
body.htg-map-open main {
    /* 	padding-top: 80px; */
}

/*
  body.htg-map-open .bhElement {
      margin-bottom: 10px;
  }
  */
/*
  body.htg-map-open nav#MainNavigation.bh-nav-sitemap li.hnavi_item:hover ul.navi.hsnavi_box {
      top: 40px;
  }
  */
body.htg-map-open .htg-map-interactive {
    display: block;
}

.htg-map.htg-map-hintertux {
    background-image: url('../images/skimap-hintertuxer-gletscher2019.jpg');
}

.htg-map.htg-map-zillertal3000 {
    background-image: url('../images/skimap-zillertal-3000.jpg');
    background-position: top left;
}

.htg-map-control {
    height: 40px;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    line-height: 38px;
}

.htg-map-name {
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.htg-map-action,
.htg-map-link,
.htg-map-name {
    padding: 0px 13px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    padding-top: 2px;
}

.htg-map-action,
.htg-map-link {
    cursor: pointer;
}

.htg-map-action:hover {
    background-color: #c50415;
}

.htg-map-interactive {
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .1);
    display: none;
}

.htg-map-iframe {
    /* 	width: calc(100vw - 65px); */
    width: 100%;
    height: calc(100vh - 242px);
}

/* ------ WETTER-ICONS ------ */

[data-weather="wt-sonne"] {
    background-image: url("../images/icons/weather/sonne.png");
    background-image: url("../images/icons/weather/sonne.svg");
}

[data-weather="wt-leicht_bewoelkt"] {
    background-image: url("../images/icons/weather/leicht_bewoelkt_black.png");
    background-image: url("../images/icons/weather/leicht_bewoelkt_black.svg");
}

[data-weather="wt-wolken"] {
    background-image: url("../images/icons/weather/wolken.png");
    background-image: url("../images/icons/weather/wolken.svg");
}

[data-weather="wt-nebel"] {
    background-image: url("../images/icons/weather/nebel.png");
    background-image: url("../images/icons/weather/nebel.svg");
}

[data-weather="wt-regen"] {
    background-image: url("../images/icons/weather/regen.png");
    background-image: url("../images/icons/weather/regen.svg");
}

#TopOuter [data-weather="wt-regen"] {
    background-image: url("../images/icons/weather/regen_hell.svg");
}

[data-weather="wt-schnee"] {
    background-image: url("../images/icons/weather/schnee.png");
    background-image: url("../images/icons/weather/schnee.svg");
}

/* ------ ANLAGEN-ICONS ------ */

.anlagen.hintertux .rec_3 .anlage-typ,
.anlagen.hintertux .rec_5 .anlage-typ,
.anlagen.hintertux .rec_9 .anlage-typ {
    background: url('../images/icons/anlagen/funitel.png') center center no-repeat;
    background: url('../images/icons/anlagen/funitel.svg') center center no-repeat;
}


/*
  .typ-2 {
      background: url('../images/icons/anlagen/gondel-gross.png') center center no-repeat;
      background: url('../images/icons/anlagen/gondel-gross.svg') center center no-repeat;
  }
  */
.typ-4,
.typ-6,
.typ-55 {
    background: url('../images/icons/anlagen/gondel.png') center center no-repeat;
    background: url('../images/icons/anlagen/gondel.svg') center center no-repeat;
}

.typ-6 {
    background: url('../images/icons/anlagen/sessel2.png') center center no-repeat;
    background: url('../images/icons/anlagen/sessel2.svg') center center no-repeat;
}

.typ-7 {
    background: url('../images/icons/anlagen/sessel3.png') center center no-repeat;
    background: url('../images/icons/anlagen/sessel3.svg') center center no-repeat;
}

.typ-8 {
    background: url('../images/icons/anlagen/sessel4.png') center center no-repeat;
    background: url('../images/icons/anlagen/sessel4.svg') center center no-repeat;
}

.typ-9 {
    background: url('../images/icons/anlagen/sessel6.png') center center no-repeat;
    background: url('../images/icons/anlagen/sessel6.svg') center center no-repeat;
}

.typ-51 {
    background: url('../images/icons/anlagen/sessel8.png') center center no-repeat;
    background: url('../images/icons/anlagen/sessel8.svg') center center no-repeat;
}

.typ-54,
.typ-53 {
    background: url('../images/icons/anlagen/forderband.png') center center no-repeat;
    background: url('../images/icons/anlagen/forderband.svg') center center no-repeat;
}

.typ-10 {
    background: url('../images/icons/anlagen/schlepplift.png') center center no-repeat;
    background: url('../images/icons/anlagen/schlepplift.svg') center center no-repeat;
}

/* Simone 18.01.2019 -> Pepis Kinderland ist ein Schlepplift */
.anlage[data-gebiet="finkenberg"][data-id="110"] .anlage-typ {
    background: url('../images/icons/anlagen/forderband.png') center center no-repeat;
    background: url('../images/icons/anlagen/forderband.svg') center center no-repeat;
}

.typ-59,
.typ-2 {
    background: url('../images/icons/anlagen/funitel.png') center center no-repeat;
    background: url('../images/icons/anlagen/funitel.svg') center center no-repeat;
}

.anlage-typ {
    background-size: contain;
    height: 25px;
    margin-top: 5px;
    margin-right: 10px;
    width: 25px;
}

.bhAnlagenListe {
    max-width: 960px;
}

.bhAnlagen h3 {
    margin-bottom: 10px;
}

.family-park {
    padding-left: 22px;
    position: relative;
}

.family-park:before {
    background: url("../images/check.png") no-repeat center center;
    background: url("../images/check.svg") no-repeat center center;
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 16px;
}

/* ------ SIDEBAR ------ */

#SideBar {
    padding: 0 10px;
}

#SideBar a.sb-item {
    color: #fff;
    line-height: 40px;
}

#SideBar a.sb-item .tooltip {
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    display: none;
    padding: 0px 10px;
    line-height: 30px;
}

#SideBar a.sb-item:hover .tooltip {
    display: block;
}

#SideBar a.sb-item .sidebaricon {
    width: 30px;
    height: 40px;
    text-align: center;
    padding: 0px 5px;
    /* border-left: 1px solid rgba(255,255,255,.2); */
    display: block;
    line-height: 40px;
    font-size: 23px;
}

.sidebaricon-instagram {
    background: url("../images/cam.svg") no-repeat center center;
}

.sidebaricon-skiline {
    background: url("../images/icons/skiline.svg") no-repeat center center;
}


/* ------ SCROLL-BUTTON HEADER ------ */

#btn-scroll {
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 24px;
    height: 24px;
    z-index: 10;
    text-align: center;
    font-size: 24px;
    transform: translateX(-50%);
    color: #E10017;
}

body:not([data-page="211"]) #btn-scroll {
    display: none;
}

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

main {
    display: block;
    padding-top: 55px;
    margin-bottom: 60px;
}
body[data-page="1"] main {
    padding-top: 0px;
}

#Content ul {
    margin: 0;
    padding: 0;
}

#Content ul li {
    font-size: 17px;
    border-bottom: 1px solid #eeeeee;
    line-height: 22px;
    list-style-type: none;
    padding-left: 25px;
    position: relative;
    padding-top: 9px;
    padding-bottom: 9px;
}

#Content ul li:first-child {
    border-top: 1px solid #eeeeee;
}

#Content ul li:before {
    background: url("../images/list_point.svg") no-repeat center center;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    left: 0;
    top: 14px;
    width: 14px;
}

/* ----- GROUP BOX ----- */

.bhGroup .bhBackgroundImage {
    background-size: cover;
}

.bg-grey {
    background-color: rgb(242, 242, 242);
}

.bhGroup.with-padding>*>.bhBackgroundImage {
    padding-top: 70px;
    padding-bottom: 70px;
}

.bhGroup.bhElement {
    margin-bottom: 0;
}

/* IMPRESSION BOX */
.bhImpressionBox {
    min-height: 400px;
}

.bhImpressionBox:not(.bg-none) {
    background: #eee;
}

.bhImpressionBox.bg-blue {
    background-color: #0f5090;
    color: white;
    min-height: 400px;
}


.bhImpressionBox.bhElement.bg-blue.nopic {
    min-height: 250px;

}

.bhImpressionBox.bh-margin-none {
    margin-top: 0px;
    margin-bottom: 0px;
}

.bhImpressionBox.bg-blue h4:after {
    background: white;
}

.bhImpressionBox.bhElement.bg-blue.nopic .impression-box-content {
    height: 250px;
}

.bhImpressionBox .bhBackgroundImage {
    color: #535353;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: no-repeat center center;
    background-size: cover;
}

.bhImpressionBox.bh-element-invert-position .bhBackgroundImage {
    left: auto;
    right: 0px;
}

.impression-box-content {
    margin-left: 50%;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    min-height: 400px;
    padding: 40px 0 20px 0;
}

.impression-box-content .bhElement {
    /* margin-bottom: 0 !important; */
}

.impression-box-content-inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 35px;
    padding-right: 35px;
}

.bhImpressionBox.bh-element-invert-position .impression-box-content {
    margin-right: 50%;
    margin-left: 0;
}

.bhImpressionBox.nopic .bhBackgroundImage {
    display: none;
}

.bhImpressionBox.nopic .impression-box-content {
    width: 100%;
}


/* ----- bhCols ----- */
/*
      TODO was soll das????
  .cols2 .bhCol {
        width: 48%;
        margin-right: 4%;
  }
  */


.bh-cols-asymmetric>*>*>.col1,
.ctSliderBox .col1 {
    width: 38%;
    margin-right: 4%;
}

.bh-cols-asymmetric>*>*>.col2,
.ctSliderBox .col2 {
    width: 58%;
}

/*Normale Spaltenabstände*/

.breitSchmal .col1.bhCol {
    width: 62%;
}

.breitSchmal .col2.bhCol {
    width: 34%;
}

.schmalBreit .col1.bhCol {
    width: 30%;
}

.schmalBreit .col2.bhCol {
    width: 66%;
}

/*Keine Spaltenabstände*/

.bh-col-gaps-none.breitSchmal .col1.bhCol {
    width: 66%;
}

.bh-col-gaps-none.breitSchmal .col2.bhCol {
    width: 34%;
}

.bh-col-gaps-none.schmalBreit .col1.bhCol {
    width: 34%;
}

.bh-col-gaps-none.schmalBreit .col2.bhCol {
    width: 66%;
}


/* ------ QUICKLINKS ------ */

#QuickLinks {
    /*border-top: 1px solid rgba(0,0,0,.1); */
    margin-top: 0;
}

#QuickLinks .bhBox {
    padding: 0;
}

body.bhe-state-editing #QuickLinks {
    border: 4px solid red;
    background-color: rgba(255, 0, 0, .2);
    position: relative;
}

body.bhe-state-editing #QuickLinks:before {
    content: 'Vererbbarer Bereich';
    display: block;
    color: #fff;
    position: absolute;
    top: -30px;
    height: 30px;
    background-color: red;
    left: -4px;
    padding-left: 10px;
    padding-right: 10px;
}

/* ------ NEWS KENNZEICHNUNG DROPZONE ------ */

body.bhe-state-editing.bhe-state-dragging #CooNews {
    background-color: rgba(197, 255, 116, 0.47);
}

/* ------ BREADCRUMB ------ */

#Breadcrumb {
    background: rgba(0, 0, 0, .05);
    padding: 8px 5px 5px 5px;
    line-height: 40px;
    text-align: center;
}

#Breadcrumb .breadcrumb-your-position {
    color: rgba(0, 0, 0, .4);
}

#Breadcrumb ol {
    padding: 0;
    margin: 0;
}

#Breadcrumb ol,
#Breadcrumb ol li {
    display: inline-block;
    list-style-position: inside;
}

#Breadcrumb ol li div {
    display: inline-block;
    color: rgba(0, 0, 0, .25);
    padding-right: 10px;
    padding-left: 10px;
}

#Breadcrumb ol li a {
    color: #DE0017;
}

#Breadcrumb ol li a:hover {
    border-bottom: 1px solid rgba(222, 0, 23, .3);
}

/* ------ FOOTER ------ */

footer {
    position: relative;
    overflow: hidden;
}

#Service {
    font-size: 15px;
}

#Service .servnavi_box {
    margin-left: -2%;
}

li.servnavi_item {
    background: url("../images/trenner.png") repeat-x center bottom;
    line-height: 30px;
    width: 100%;
}

li.servnavi_item a {
    color: rgba(255, 255, 255, .7);
}

li.servnavi_item:hover a {
    color: rgba(255, 255, 255, 1);
}

.nl-field input {
    background-color: rgb(10, 62, 111);
    border: none;
    border-bottom: none;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    margin-bottom: 17px;
    text-align: center;
    width: 100%;
}

.nl-field-submit {
    text-align: center;
    width: 400px;
}

.nl-field-submit input {
    background-color: rgb(222, 0, 34);
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px #02315b;
    box-shadow: 0px 0px 4px #02315b;
    color: white;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    line-height: 30px;
    width: 130px;
    -webkit-appearance: none;
}

#MapAustria {
    background: url("../images/map_hintertux.png") no-repeat center top;
    height: 278px;
    width: 503px;
    position: relative;
    margin-top: -47px;
}

#LogoSm {
    background-color: white;
    background-image: url("../images/logo_sm.png");
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 0;
    height: 70px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    width: 80px;
}

#Service3 ul.servnavi_box {
    text-align: center;
}

#Service3 li.servnavi_item {
    display: inline-block;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;

}


/* ----- ADDRESS ----- */

address {
    font-style: normal;
    padding-bottom: 5px;
}

/* ----- SOCIAL-LINKS ----- */

#SocialLinks {
    margin-top: -20px;
    padding-bottom: 40px;
}

ul.sociallinks-inner {
    text-align: center;
    height: 60px;
    padding: 0;
    margin: 0 auto;
    width: 532px;
}

a.sociallink-link {
    height: 60px;
    width: 60px;
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
}

li.sociallink-icon {
    /*background: rgba(0,0,0,.05);*/
    background: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    font-size: 25px;
    line-height: 60px !important;
    color: #0F5090;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 60px;
    width: 60px;
}

.sociallink-icon:hover {
    color: #DE0017;
}

li.sociallink-icon.snapchat {
    background-image: url("../images/snapchat-blue.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 27px;
}

li.sociallink-icon.snapchat:hover {
    background-image: url("../images/snapchat-red.svg");
}

/* ------ FADER ------ */

.cssFaderMenuPoint {
    margin: 0 auto;
    width: 500px;
    z-index: 105;
    bottom: 17px;
    top: auto;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    text-align: center;
    right: 0;
}

.cssFaderMenuPointInner {
    width: 100%;
    height: 16px;
    text-align: center;
}

.cssFaderMenuPointItem {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    float: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.cssFaderMenuPointItem:hover {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.cssFaderMenuPointItem.current {
    background: #fff;
}

.cssFaderMenuPointItem.current:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #DE0017;
    border-radius: 4px;
    position: relative;
    top: 3px;
    left: 3px;
}

.bhFader .cssFaderArrow {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, .6);
    top: 50%;
    margin-top: -30px;
    border-radius: 50%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.bhFader .cssFaderArrow:hover {
    background: rgba(255, 255, 255, 1);
}

.bhFader .cssFaderArrow.fadePrev {
    left: 20px;
}

.bhFader .cssFaderArrow.fadeNext {
    right: 20px;
}

.bhFader .cssFaderArrow.fadePrev:before,
.bhFader .cssFaderArrow.fadeNext:before {
    display: block;
    content: '\e905';
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    width: 100%;
    font-size: 30px;
    line-height: 50px;
    color: #4A4A4A;
}

.bhFader .cssFaderArrow.fadeNext:before {
    content: '\e906';
}

/* ------ NEWSMODUL ------ */

/* ------ NEWSMODUL STARTSEITE ------ */

.news-start-item-outer {
    position: relative;
    margin-bottom: 10px;
}

.news-start-item {
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    height: 300px;
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    margin-bottom: 25px;
}

/*
  .news-start-item:hover {
      margin-top: -20px;
      box-shadow: 0 15px 20px rgba(0,0,0,.6);
  }
  */
.news-icon {
    height: 21px;
    left: 15px;
    position: absolute;
    top: 25px;
    width: 23px;
}

.news-icon-news {
    background: url("../images/icons/news.png") no-repeat center center;
    background: url("../images/icons/news.svg") no-repeat center center;
}

.news-icon-event {
    background: url("../images/icons/calendar.png") no-repeat center center;
    background: url("../images/icons/calendar.svg") no-repeat center center;
}

.news-start-date,
.news-start-title,
.news-start-subtext {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.news-start-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.news-start-subtext {
    line-height: 20px;
    opacity: 0;
    margin-top: 13px;
}

.news-start-subtext:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background: RGBA(222, 0, 23, .25);
    margin: 0 auto;
    margin-bottom: 15px;
}

.news-start-content {
    position: relative;
    z-index: 20;
    width: 100%;
}

.news-start-pic {
    position: relative;
    z-index: 10;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 65%;
    margin-bottom: 20px;
    -webkit-transition: margin-top .3s;
    -o-transition: margin-top .3s;
    transition: margin-top .3s;
}

/*
  .news-start-item:hover .news-start-pic {
      margin-top: -35%;
  }
  .news-start-item:hover .news-start-subtext {
      opacity: 1;
  }
  */
.news-start-pic,
.newsdetail_gallerypic img {
    width: 100%;
}

/* ------ NEWSMODUL DETAIL ------ */

.newsdetail-pic {
    margin-bottom: 20px;
}

.newsdetail_gallery {
    margin: 0 -15px;
}

.newsdetail_gallerypic {
    width: 22%;
    margin: 15px;
}

/* ------ INHALTSBOX ------ */
.bhBox .boxTitle {
    margin-bottom: 15px;
}

.bhBox .boxContent {
    padding-top: 15px;
    padding-bottom: 15px;
}

.bhBox.mergeHeadline .boxTitle {
    margin-top: -60px;
    position: relative;
    z-index: 20;
}

.bhBox.mergeHeadline .bhImageInner {
    position: relative;
}

.bhBox.mergeHeadline .bhImageInner:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    bottom: 0px;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
    pointer-events: none;
}

.bhBox.mergeHeadline .boxTitle>div>* {
    color: white;
}

.bhBox.mergeHeadline .boxTitle>div>*:after {
    background: white;
}

.bh-state-mobile .bhBox.mergeHeadline .bhImageInner img {
    display: block;
}

.bh-state-mobile .bhBox.mergeHeadline .boxTitle {
    display: block;
    margin-top: -60px;
}

.bh-state-mobile .bhBox.mergeHeadline .boxContent {
    margin-top: 35px;
}

.boxContent p {
    line-height: 26px;
}

.bhBox.footerElem {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.bhBox.footerElem .boxTitle {
    color: #e2000a;
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    display: block;
}

.boxContent {
    padding-top: 0;
}

.bhBox.footerElem .boxContent,
.bhBox.footerElem .boxTitle {
    padding: 0;
    background: none;
}

.bhBox.footerElem .boxContent p {
    font-size: 14px;
    line-height: 24px;
    color: inherit;
}

.bhBox.bhElement.box_blue p {
    font-size: 17px;
    line-height: 28px;
}


/* ------ TRENNER ------ */


.bhTrenner.bhElement.trntop .bh-trenner-inner:after {
    top: 0;
}

.bhTrenner.bhElement.trnbottom .bh-trenner-inner:after {
    top: 100%;
}

.bhTrenner.bhElement.trnbordernone .bh-trenner-inner:after {
    display: none;
}

.bhTrenner.bhElement {
    position: relative;
}

.bhTrenner.bhElement.logo-trenner .bh-trenner-inner {
    background: url("../images/logo_sm2.png") no-repeat center center;
    width: 100%;
    height: 40px;
    background-size: contain;
}

.bhTrenner.bhElement.line-trenner .bh-trenner-inner:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    /* 	background-color: rgba(0,0,0,.2); */
    top: 50%;
    left: 0;
    position: absolute;
}

.bhTrenner.bhElement.mit-linie-trenner .bh-trenner-inner:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    top: 50%;
    left: 0;
    position: absolute;
}


.bhTrenner.bhElement.logo-trenner .bh-trenner-inner:before {
    content: '';
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, .2);
    top: 50%;
    position: absolute;
    left: calc(50% + 35px);
    width: calc(50% - 35px);
}

.bhTrenner.bhElement.logo-trenner .bh-trenner-inner:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    top: 50%;
    position: absolute;
    left: 0;
    width: calc(50% - 35px);
}

/* ----- TABS ----- */

.bh-tabtogglers {
    display: inline-block;
    margin-bottom: 30px;
}

.bhTabElement {
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    border-right: none;
    padding: 0 20px;
    margin-bottom: 0px;
    text-align: center;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.bhTabElement:hover {
    background-color: rgba(0, 0, 0, .04);
}

.bhTabElement p {
    color: #0F5090;
    line-height: 40px;
}

.bhTabElement:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.bhTabElement:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-right: 1px solid #E6E6E6;
}

.bhTabElement.bh-tabtoggler-active {
    background-color: #0F5090;
}

.bhTabElement.bh-tabtoggler-active p {
    color: #fff;
}

/* ----- TABS ZENTRIERT ----- */
.bhTabs.tabcenter .bh-tab-togglers {
    text-align: center;
}

.bhTabs.tabcenter .bh-tabtogglers {
    display: inline-block;
}

/* ----- TABS GANZE BREITE ----- */

.bhTabs.breiter {
    max-width: 1200px;
}
.bhTabs.tabstretch .bh-tabtogglers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bhTabs.tabstretch .bhTabElement {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50px;
}

/* ----- TABS VERTIKAL ----- */
.bhTabs.tabvertical .bh-tab-togglers {
    width: 30%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bhTabs.tabvertical .bh-tabcontent {
    width: 70%;
    float: right;
}

.bhTabs.tabvertical .bh-tabcontent .bhElement {
    margin-left: 5%;
}

.bhTabs.tabvertical .bhTabElement {
    width: 80%;
    padding: 0 10%;
    border: 1px solid #E6E6E6;
    border-bottom: none;
    text-align: left;
}

.bhTabs.tabvertical .bhTabElement:first-child {
    border-bottom-left-radius: 0;
}

.bhTabs.tabvertical .bhTabElement:last-child {
    border-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom: 1px solid #E6E6E6;
}

.bhTabs.tabvertical .bhElementInner:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* ----- TABS MEHRZEILIG ----- */
.bhTabs.tabmultilines .bhTabElement {
    border-radius: 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #E6E6E6;
}

/* cooRoute */
.cooRouteMap {
    position: relative;
    height: 500px;
}

/* Accordion */
.bh-accordion-element-inner {
    overflow: visible;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bh-accordion-toggler-inner {
    padding: 10px 0 10px 30px;
    position: relative;
}

.bh-accordion-toggler-inner:before {
    background: url("../images/icons/arrow-down.png") no-repeat center center;
    background: url("../images/icons/arrow-down.svg") no-repeat center center;
    background-size: contain;
    content: "";
    height: 10px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 20px;
}

.bh-accordion-active .bh-accordion-toggler-inner:before {
    background: url("../images/icons/arrow-up.png") no-repeat center center;
    background: url("../images/icons/arrow-up.svg") no-repeat center center;
}

.bhAccordeonItem.bhElement {
    border-bottom: 1px solid #e2001a;
}

.bh-accordion-toggler p,
.bh-accordion-toggler h5 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}

/* Newslist */

/*
  .news-list .cols{
      margin-bottom: 40px;
  }

  .news-list .col1{
      margin-right: 4%;
      width: 38%;
  }
  */






.news-list-item {
    position: relative;
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(0, 0, 0, .05);
    margin-bottom: 34px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.news-list-item:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.news-list-datum {
    position: relative;
    border-bottom-left-radius: 5px;
    font-weight: 700;
    color: #0F5090;
    margin-top: 20px;
    margin-bottom: -20px;
}

.news-detail-datum {
    color: rgb(205, 0, 22);
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
}

.news-list-text {
    margin-bottom: 10px;
    line-height: 22px;
}

.news-list-content {
    width: 52%;
    margin-right: 5%;
    margin-left: 3%;
}

.news-list-content h2 {
    color: #DE0017;
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 20px;
    line-height: 26px;
}

.news-list-pic {
    overflow: hidden;
    width: 40%;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-list-pic img {
    width: 100%;
}

.news-list-link {
    height: 40px;
    width: 40px;
    right: 0;
    top: 50%;
    margin-top: -20px;
    position: absolute;
}

.news-list-link:before {
    line-height: 40px;
    text-align: center;
    color: #DE0017;
    display: block;
    font-size: 22px;
}

/* Linkbox */
.linkbox_content {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
}

/* Anlagen Overview */
.anlagen-overview-text {
    line-height: 40px;
}

.bhTPT Sansement.bh-tabtoggler-active {

    background-color: #e2001a;
    font-weight: 700;
    color: #fff;
}

.bh-tab-togglers {
    margin-bottom: 20px;
}


/* Anlagen */
/*
  .anlagen{
      margin-bottom: 30px;
  }
  */
.anlage {
    line-height: 36px;
    padding-left: 35px;
    position: relative;
}

.anlage>div {
    float: left;
}

.anlagen-title {
    display: block;
    padding-left: 35px;
    position: relative;
}

.anlagen-title:before {
    content: "";
}

.anlage-status-gesperrt.anlage-status-gesperrt,
.anlage-status-offen.anlage-status-offen,
.anlage-status[data-state="0"],
.anlage-status[data-state="1"],
.anlage-status[data-state="2"],
.anlage-status[data-state="5"],
.anlage-status[data-state="7"],
.anlage-status-vorbereitung,
.anlagen-title:before {
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 16px;
    line-height: 1;
}

.anlagen-status-0:before,
.anlage-status[data-state="0"]:before,
.anlage-status[data-state="2"]:before,
.anlage-status[data-state="7"]:after,
.anlage-status-vorbereitung:after,
.anlage-status-gesperrt:before {
    color: #e50006;
    content: "\e916";
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anlagen-status-1:before,
.anlagen-status-5:before,
.anlagen-status-7:before,
.anlage-status[data-state="1"]:before,
.anlage-status[data-state="5"]:before,
.anlage-status[data-state="7"]:before,
.anlage-status-vorbereitung:before,
.anlage-status-offen:before {
    color: #69C429;
    content: "\e915";
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anlage-status-vorbereitung::before,
.anlage-status[data-state="7"]::before {
    -webkit-animation: blinkit 1s ease infinite;
    animation: blinkit 1s ease infinite;
    position: absolute;
    transform: translateY(-50%);
}

.anlage-status-vorbereitung::after,
.anlage-status[data-state="7"]::after {
    -webkit-animation: blinkit 1s ease infinite;
    animation: blinkit 1s ease infinite;
    animation-delay: .5s;
    position: absolute;
    transform: translateY(-50%);
}

/*
  .infobox-funslopes .anlage-status{
      top: 18px;
  }
  */


@-webkit-keyframes blinkit {
    0% {
        opacity: 0;
    }

    49% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}


@keyframes blinkit {
    0% {
        opacity: 0;
    }

    49% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.anlagen.lifte .anlage-name {
    width: 100px;
}

.anlagen .location {
    width: 120px;
}

.anlage .infocol {
    /* 	width: calc(100% - 250px); */
    line-height: 18px;
    padding: 8px 0;
}

.anlage.gastro > :nth-child(2){
    min-width: 280px;
}

.anlage.gastro > .anlage-infotext{
    margin-left: 10px;
}

.anlage.gastro .anlage-text-container .anlage-infotext {
    opacity: 0.6;
    font-size: 14px;
}

/*
  .anlage[data-gebiet="hintertux"] .infocol{
      width: calc(100% - 360px);
  }
  */

.anlage.funpark .anlage-intermaps-link {
    display: none;
}

.anlage-funpark-name {
    width: 100px;
}

.anlage-intermaps-link {
    /*
      position: absolute;
      right: 0;
      top: 0;
  */
    height: 37px;
    width: 37px;
    float: left;
}

.anlage-intermaps-link a:before {
    text-align: center;
    display: block;
    line-height: 37px;
    color: #DE0017;
    content: '\e925';
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga"1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

.anlage-intermaps-link a {
    display: block;
    width: 37px;
    height: 37px;
    position: relative;
    /*
      position: absolute;
      top: 0;
      left: 0;
  */
}

.anlage.odd {
    background-color: rgba(0, 0, 0, 0.1);
}

.infobox-section .anlage.even {
    background: none;
}

.anlage .sg_wi {
    display: none;
}

.anlage[data-id="2"] .sg_gl,
.anlage[data-id="3"] .sg_gl,
.anlage[data-id="5"] .sg_gl,
.anlage[data-id="6"] .sg_gl,
.anlage[data-id="25"] .sg_gl,
.anlage[data-id="26"] .sg_gl,
.anlage[data-id="28"] .sg_gl,
.anlage[data-id="81"] .sg_gl,
.anlage[data-id="22"] .sg_gl {
    display: none;
}

.anlage[data-id="25"] .sg_wi,
.anlage[data-id="26"] .sg_wi,
.anlage[data-id="28"] .sg_wi,
.anlage[data-id="81"] .sg_wi,
.anlage[data-id="22"] .sg_wi {
    display: block;
}

.lift .location {
    display: none;
}

/* .lift[data-gebiet="hintertux"] .location {
    display: block;
} */

/* Powder Alarm */
.bh-bemode .powder {
    display: none;
}

.powder {
    background-color: rgba(15, 80, 144, 1);
    /*bottom: 0;*/
    top: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    font-size: 18px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 20;
}

.bh-bemode .powder {
    top: 190px;
}

.page-with-warning .powder {
    top: 220px;
}

.powder-max-freshsnow {
    padding-right: 20px;
}

.powder-all-infos {
    color: white;
    float: right;
    padding-right: 25px;
}

.powder-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    padding: 0 50px;
    position: relative;
    width: 100%;
}

.all-infos-link {
    color: white;
    cursor: pointer;
    display: inline-block;
    padding-right: 25px;
    position: relative;
    text-transform: uppercase;
}

.all-infos-link:after {
    background: url("../images/arrow_circle_right.png") no-repeat center center;
    background: url("../images/arrow_circle_right.svg") no-repeat center center;
    content: "";
    height: 17px;
    position: absolute;
    top: 50%;
    right: 0;
    width: 17px;
    margin-top: -8px;
}

.powder-pic-1,
.powder-pic-2 {
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: 100% auto;
      height: 71px;*/
    background-size: 80% auto;
    height: 55px;
}

.powder-pic-1 {
    background-image: url("../images/powder_1.png");
    width: 156px;
}

.powder-pic-2 {
    background-image: url("../images/powder_2.png");
    width: 139px;
}

.powder-alarm-title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    text-align: center;
    text-transform: uppercase;
}



.warning-banner-msg {
    float: left;
}

.warning-banner-all-infos {
    float: right;
}

.page-with-powder-alarm .cssFaderMenuPoint {
    bottom: 90px;
    top: auto;
}

.page-with-powder-alarm #btn-scroll {
    bottom: 130px;
}


/* Typo3 Login */
.frame-type-felogin_login>div {
    color: rgb(226, 0, 26);
}

.frame-type-felogin_login div {
    margin-bottom: 10px;
}

.frame-type-felogin_login input {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
}

.frame-type-felogin_login fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

.frame-type-felogin_login legend,
.frame-type-felogin_login > p {
    display: none;
}

.frame-type-felogin_login input[type=submit] {

    background-color: rgb(222, 0, 23);
    border: 0;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    line-height: 43px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
}

.frame-type-felogin_login input[type=submit]:hover {
    background-color: rgba(222, 0, 23, 0.8);
}

/* ------ AKTUELLES WETTER ------ */

.weather-box .bh-col-4:nth-child(1),
.weather-box .bh-col-4:nth-child(2) {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.weather-box-name,
.weather-box-temperature,
.weather-box-snow,
.weather-box-freshsnow {
    text-align: center;
}

.weather-box-name {
    color: #DE0017;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(222, 0, 23, .2);
}

.weather-box-weather {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 65px;
}

.weather-box-weather[data-weather="wt-sonne"] {
    background-image: url("../images/icons/weather/sonne_black.png");
    background-image: url("../images/icons/weather/sonne_black.svg");
}

.weather-box-weather[data-weather="wt-leicht_bewoelkt"] {
    background-image: url("../images/icons/weather/leicht_bewoelkt_black.png");
    background-image: url("../images/icons/weather/leicht_bewoelkt_black.svg");
}

.weather-box-weather[data-weather="wt-wolken"] {
    background-image: url("../images/icons/weather/wolken_black.png");
    background-image: url("../images/icons/weather/wolken_black.svg");
}

.weather-box-weather[data-weather="wt-nebel"] {
    background-image: url("../images/icons/weather/nebel_black.png");
    background-image: url("../images/icons/weather/nebel_black.svg");
}

.weather-box-weather[data-weather="wt-regen"] {
    background-image: url("../images/icons/weather/regen_black.png");
    background-image: url("../images/icons/weather/regen_black.svg");
}

.weather-box-weather[data-weather="wt-schnee"] {
    background-image: url("../images/icons/weather/schnee_black.png");
    background-image: url("../images/icons/weather/schnee_black.svg");
}

.weather-box-temperature,
.weather-box-weather {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.weather-box-temperature,
.weather-box-snow {
    padding: 8px 0px 8px 0px;
}

.weather-box-snow {
    color: #2d8be8;
}

.extra-large {
    font-size: 25px;
}

sm {
    position: relative;
}



/* ---------- WetterOrte ----------- */
/* Update ( Optik angepasst, Michael, 2.11.21) */

.WetterOrteBox {
    display: flex;
    align-items: stretch;
}

.wetterOrt {
    flex: 1 1 0;
    text-align: center;
}

.wetterOrtName {
    color: #DE0017;
    font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(222, 0, 23, .2);
    display: flex;
    flex-direction: column;
}

.wetterSituation {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 65px;
}

.wetterTemperatur,
.wetterSchneelage,
.wetterSchneequali,
.wetterNeuschnee,
.wetterWindart,
.wetterText {
    padding: 8px 10px;
    /* border-bottom: 1px solid rgba(0, 0, 0, .08); */
}

.wetterText {
    line-height: 20px;
}

.wetterOrt div:last-child {
    border-bottom: none;
}

.wetterSchneelage {
    color: #2d8be8;
}

.WetterPrognose .bh-col-4:nth-child(1),
.weather-prognose .bh-col-4:nth-child(2) .WetterPrognoseBox.morgen,
.WetterPrognoseBox.uebermorgen {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.WetterPrognoseTag {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.WetterPrognose .weather-box-weather {
    border-bottom: none;
}

.wetterSchneequali {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wetterOrtNameTitle {
    font-weight: bold;
}



/* WINTER | SPRINT | SUMMER */

/* Zillertal 3000 Lifte nicht anzeigen */

#Page.summer .bhTabs.anlagen .bhTPT Sansement:nth-child(2),
#Page.spring .bhTabs.anlagen .bhTPT Sansement:nth-child(2) {
    display: none;
}


/* WARNBOX */
#WarnBox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    height: 50px;
    background-color: #5d5d5d;
    width: calc(100% - 40px);
    max-width: 1880px;
    left: 50%;
    transform: translateX(-50%);
    top: 180px;
    z-index: 30;
    display: none;
    border-radius: 4px;
    overflow: hidden;
    transition: top 0.4s;
}

.bh-scrolled #WarnBox {
    top: 155px;
}

.bh-scroll-nottop #WarnBox {
    top: 55px;
}

.bh-bemode #WarnBox {
    top: 230px;
}

.bh-bemode.bh-scrolled #WarnBox {
    top: 205px;
}

.bh-bemode.bh-scroll-nottop #WarnBox {
    top: 105px;
}

#WarnBox.powder-alarm,
#WarnBox.information {
    background-color: rgba(0, 79, 145, 0.6);
}

#WarnBox.warning-orange {
    background-color:  rgba(230, 110, 0, 0.6);
}

#WarnBox.warning-red {
    background-color:  rgba(227, 6, 19, 0.6);
}

#WarnBox.warning-clear {
    background-color:  rgba(105, 196, 41, 0.6);
}

.bhe-state-editing #WarnBox {
    display: none !important;
}

#WarnBoxInner {
    color: #fff;
    font-size: 13px;
    font-size: clamp(13px, 1.4vw, 18px);
    line-height: 1.2;
    padding-left: 60px;
    position: relative;
    height: 100%;
}

#WarnBoxText {
    display: block;
    width: calc(100% - 50px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: auto
}

a#WarnBoxText {
  margin-left: -60px;
  padding-left: 60px;
}

#WarnBoxText::-webkit-scrollbar {
  width: 5px;
}

/* Track */
#WarnBoxText::-webkit-scrollbar-track {
  background: #00000000;
}

/* Handle */
#WarnBoxText::-webkit-scrollbar-thumb {
  background: #00000033;
}

/* Handle on hover */
#WarnBoxText::-webkit-scrollbar-thumb:hover {
  background: #00000088;
}

#WarnBoxInner::before {
    content: "";
    left: 25px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;


    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#WarnBox.information #WarnBoxInner::before {
    content: "\e9c1";
}

#WarnBox.warning-orange #WarnBoxInner::before,
#WarnBox.warning-red #WarnBoxInner::before {
    content:  "\e9a7";
}

#WarnBox.warning-clear #WarnBoxInner::before {
    content:  "\e92e";
}

#WarnBox.powder-alarm #WarnBoxInner::before {
    content: "\e9bf";
    animation: rotate-snowflake 7s linear infinite;
}

@keyframes rotate-snowflake {
  from {transform: translate(-50%, -50%) rotate(0deg);}
  to {transform: translate(-50%, -50%) rotate(360deg);}
}

#WarnBoxClose {
    cursor: pointer;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 50px;
    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;
}

#WarnBox.powder-alarm #WarnBoxClose,
#WarnBox.information #WarnBoxClose {
    background-color: rgba(0, 79, 145, 1);
}

#WarnBox.warning-orange #WarnBoxClose {
    background-color:  rgba(230, 110, 0, 1);
}

#WarnBox.warning-red #WarnBoxClose {
    background-color:  rgba(227, 6, 19, 1);
}

#WarnBox.warning-clear #WarnBoxClose {
    background-color:  rgba(105, 196, 41, 1);
}

#WarnBoxClose::before {
    content: "\e912";
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
}

/* body.bh-scroll-nottop #WarnBox {
    top: 40px;
} */


/*
  body.bh-bemode #Page.page-with-warning #TopOuter{
      top: 130px;
  }
  #Page.page-with-warning #TopOuter{
      top: 80px;
  }
  */


/* Mayrhofen + Rastkogel Lifte + Hintertux-Abfahrten und Winterwanderwege nur im Winter anzeigen */
/*
  .anlagen[data-group='mayrhofen_lifte'],
  .anlagen.foerderbaender,
  .anlagen.abfahrten,
  .anlagen.winterwanderwege{
      display: none;
  }
  */
/*
  #Page.winter .anlagen[data-group='rastkogel_lifte'],
  #Page.winter .anlagen[data-group='mayrhofen_lifte'],
  #Page.winter .anlagen.foerderbaender,
  #Page.winter .anlagen.abfahrten,
  #Page.winter .anlagen.winterwanderwege{
      display: block;
  }
  */

.anlagen h3 {
    margin-bottom: 10px;
}


/*
      Lifte, die in Feratel doppelt vorhanden sind, überall ausblenden und nur in
      die korrekte Liftgruppe wieder einblenden:
      - Finkenberg: 4er Finkenberg + 8er Finkenberg
      - Rastkogel: 4er Rastkogel
  */
/*
  .anlage.rec_200, .anlage.rec_100, .anlage.rec_101 {
      display: none !important;
  }
  .anlagen[data-group='finkenberg_lifte'] .anlage.rec_100,
  .anlagen[data-group='finkenberg_lifte'] .anlage.rec_101{
      display: block !important;
  }
  .anlagen[data-group='rastkogel_lifte'] .anlage.rec_200{
      display: block !important;
  }
  */




@media only screen and (max-width: 1150px) {

    /* hide lang menu text */
    #LanguageMenu ul a {
        width: auto;
    }

    #LanguageMenu li a:before {
        margin-top: 6px;
    }

    #LanguageMenu ul a span {
        display: none;
    }

    /*
      .powder-pic-1{
          display: none;
      }
  */
    .powder-alarm-title {
        left: 23%;
    }


}

@media only screen and (max-width: 1280px) {
    /*
      .powder-pic-2{
          display: none;
      }
  */

}

@media only screen and (max-width: 1024px) {
    #HeaderSidebar {
        top: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 495px;
    }

    #HeaderSidebar a {
        float: left;
    }

    #HeaderSidebar a:hover {
        margin-left: 0;
    }

    #HeaderSidebar a:hover .tooltip {
        display: none;
    }

    .bhAnlagen.zillertal3000 .anlagen {
        float: none;
        width: 90%;
        margin: 0 auto !important;
    }

}

/*
  @media only screen and (max-width: 1440px ){
      #InfoBox .infobox-section.infobox-section-webcam,
      #InfoBox .infobox-section.infobox-section-pisteplan{
          width: 17%;
      }
      #InfoBox .infobox-weather-tomorrow{
          display: none;
      }
      #InfoBox .infobox-section.infobox-section-weather{
          width: 16%;
      }
      #InfoBox .weather-label{
          width: 50%;
      }
      #InfoBox .infobox-weather-today,
      #InfoBox .infobox-weather-tomorrow,
      #InfoBox .infobox-weather-aftertomorrow,
      #InfoBox .infobox-snow{
          width: 50%;
      }
  }
  */
@media only screen and (max-width: 1620px) {
    #SubNav {
        display: none;
    }
}

@media only screen and (max-width: 1750px) {
    .powder-inner {
        margin: 0;
    }

}

/* ------ REFERENZBOX ------- */

body[data-beuser="hintertux"] #Page .bhReference,
body[data-beuser="verwaltung"] #Page .bhReference {
    pointer-events: none;
}

body[data-beuser="hintertux"] #Page .bhReference:hover,
body[data-beuser="verwaltung"] #Page .bhReference:hover,
body[data-beuser="hintertux"] #Page .bhReference .bhElement:hover,
body[data-beuser="verwaltung"] #Page .bhReference .bhElement:hover {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body[data-beuser="hintertux"] #Page .bhReference:hover .bhe-element-toolbar,
body[data-beuser="verwaltung"] #Page .bhReference:hover .bhe-element-toolbar,
body[data-beuser="hintertux"] #Page .bhReference .bhElement:hover .bhe-element-toolbar,
body[data-beuser="verwaltung"] #Page .bhReference .bhElement:hover .bhe-element-toolbar {
    display: none;
}

body[data-beuser="hintertux"] #Page .bhReference .bhe-state-content-empty,
body[data-beuser="verwaltung"] #Page .bhReference .bhe-state-content-empty,
body[data-beuser="hintertux"].bhe-state-editing #Page .bhReference .bhe-state-dragging .bhe-state-content-inherited,
body[data-beuser="verwaltung"].bhe-state-editing #Page .bhReference .bhe-state-dragging .bhe-state-content-inherited {
    display: none;
}



/* ----- EVENT LISTE & DETAIL ----- */

/*.eventlistheader {
      border-top: 1px solid rgba(255,255,255,.2);
      padding-top: 30px !important;
  }*/
.eventlistheader {
    text-align: center;
}

.eventlistheader h3 {
    margin-bottom: 25px;
}

.eventdetailheader {
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    padding: 20px;
    margin-top: -30px;
    background: rgba(0, 0, 0, .03);
}

.eventdetailheadertext {
    font-size: 20px;
    padding-top: 7px;
}

.eventdetailbody {
    padding-top: 50px;
}

.eventlistbutton.bh-pull-right {
    margin-left: 20px;
}

/* ----- Wird temporär ausgeblendet ---- */

body[data-page="211"] .eventlistbutton {
    display: none;
}

/* ----- NEWSLETTER ----- */

#Abo {
    color: #fff;
    text-align: center;
}

#Abo span.aboeinleitung {
    margin-bottom: 10px;
    display: block;
}



/* ----- EFFECT ------ */

.bh-effect-updown {
    -webkit-animation: scrollpfeil 2s infinite;
    animation: scrollpfeil 2s infinite;
}

.bh-effect-loop {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}

.bh-effect-forward {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.page-with-powder-alarm .bh-effect-updown {
    -webkit-animation: scrollpfeil2 2s infinite;
    animation: scrollpfeil2 2s infinite;
}

@-webkit-keyframes scrollpfeil {
    0% {
        bottom: 30px;
    }

    50% {
        bottom: 60px;
    }

    100% {
        bottom: 30px;
    }
}

@keyframes scrollpfeil {
    0% {
        bottom: 30px;
    }

    50% {
        bottom: 60px;
    }

    100% {
        bottom: 30px;
    }
}

@-webkit-keyframes scrollpfeil2 {
    0% {
        bottom: 60px;
    }

    50% {
        bottom: 90px;
    }

    100% {
        bottom: 60px;
    }
}

@keyframes scrollpfeil2 {
    0% {
        bottom: 60px;
    }

    50% {
        bottom: 90px;
    }

    100% {
        bottom: 60px;
    }
}


/* PRINT CSS */
@media print {

    #TopOuter,
    #NavigationOuter,
    #QuickLinks,
    address,
    #SocialLinks,
    #Breadcrumb,
    footer,
    #CookisWarning {
        display: none;
    }

}

#Content td {
    font-size: 14px;
    padding: 1px;
    line-height: 20px;
}

h1,
.bh-bodytext h1,
h2,
.bh-bodytext h2,
h3,
h4,
h5 {
    margin-bottom: 10px;
}


/* ------ LINKBOX ------- */


a.bhLinkbox.bhElement {
    min-height: 120px;
    /*background: rgba(48,48,48,0.1);
      color: #e2001a;*/
    background-color: #085094;
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    -webkit-transition: 0.1s ease all;
    -o-transition: 0.1s ease all;
    transition: 0.1s ease all;



}

a.bhLinkbox.bhElement:hover {
    -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, .07);
    box-shadow: 0px 2px 14px rgba(0, 0, 0, .07);
    background: #094782;
    color: #fff;

}

.linkbox_bild {
    width: 35%;
    height: 120px;
    padding: 0;
}

.linkbox_bild .bhImageInner {
    min-height: 120px;
    height: 120px;
}

.bhLinkbox .linkbox_content {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 100px;
    text-align: left !important;
    padding-left: 20px;
}

.bhLinkbox .linkbox_content p {
    line-height: 25px;
    font-weight: 400;
    font-size: 19px;
    text-transform: uppercase;
}

.bhLinkbox .linkbox_content p:after {
    content: '';
    display: block;
    background: #fff;
    height: 1px;
    width: 100%;
    position: absolute;
    margin-top: 15px;
    opacity: .2;
}

/*LINKBOX MIT BILD UND INTEGRIERTEM TEXT*/
.bhLinkbox-pic .linkbox_bild {
    height: 120px;
    WIDTH: 100%;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.bhLinkbox-pic .linkbox_bild:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 18, 144, 0.4);
    z-index: 10;
}

.bhe-state-current-editing-element .linkbox_bild:before {
    display: none;
}

.bhLinkbox-pic .linkbox_content {
    position: absolute;
    color: #fff;
    z-index: 20;
    width: 100%;
    padding-left: 0px;
    padding-right: 20px;
}

.bhLinkbox-pic .linkbox_content p {
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.8px;
    text-align: center;
    padding-top: 41px;
}

.bhLinkbox-pic .linkbox_content p:after {
    display: none;
}

.bhLinkbox-pic .linkbox_bild img {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.bhLinkbox-pic:hover .linkbox_bild img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.bhe-state-current-editing-element .bhLinkbox-pic:hover .linkbox_bild img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/* Preistabelle Winter Zusatz */
#preistabelle-winter-zusatz {
    display: none;
}

/*
  #Content table.preistabelle td{
      font-size: 26px;
  }
  */


/* bhNewsletter Abonnieren */

#bhnl-unregisterform {
    margin: 0 auto;
    width: 600px;
}

#bhnl-unregisterform .aboeinleitung {
    color: #4A4A4A;
}

#bhnl-unregisterform .typo3-messages {
    color: #4A4A4A;
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 100px;
}

#bhnl-unregisterform input {
    background: none;
    border: 1px solid #4A4A4A;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}

#bhnl-unregisterform .nl-field-submit input {
    border: none;
    background-color: rgb(222, 0, 34);
    padding-top: 10px;
    padding-bottom: 10px;
}

.td-map {
    width: 30px !important;
}

.td-map a {
    font-size: 0px;
    text-decoration: none;
    border-bottom: 0px !important;
    display: block;
    height: 100%;
    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;
}

.td-map a:before {
    font-size: 15px;
    content: '\e925';
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga"1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.infobox-snow-zusatz {
    font-weight: 400;
    font-size: 13px;
    text-align: center;
}

#bhnl-unregisterform input {
    color: black;
}

#bhnl-unregisterform input[type="submit"] {
    color: white;
    border: 0px;
}

/* * * * * * * * * * * * * * * *

      FORM

  * * * * * * * * * * * * * * * */


.bh-form-field input,
.bh-form-field textarea,
.bh-form-field select,
.feld-vorwahl-code {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    padding: 0px 20px !important;
    line-height: 40px;
    height: 40px;
    /* 	background: #fff !important; */
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    color: #4A4A4A;
}

.bh-form-field select {
    background: url("../images/arrow-simple-down.svg") no-repeat right 10px center #fff !important;
}

select::-ms-expand {
    display: none;
}

.feld-vorwahl-code {
    display: block;
    border: none !important;
}

.bh-form-field input {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.bh-form-field textarea {
    height: auto;
    min-height: 150px;
    line-height: 20px;
    padding: 10px 20px !important;
}

.bh-form-field input[type="submit"] {
    border: 0 !important;
    background: #de0017 !important;
    color: #fff;
    width: 200px;
    margin: 0 auto;

}

.bh-form-field label {
    /* 	line-height: 50px; */
}

.anfrage-infobox {
    /*
      background-color: #eeeeee;
      padding: 20px !important;
  */
}

.bh-mailform .errorBox {
    line-height: 22px;
    border: 1px solid #de0017;
}

.bh-mailform .errorBox>div {
    position: relative;
    padding-left: 25px;
}

.bh-mailform .errorBox>div:before {
    background: url("../images/list_point.png") no-repeat center center;
    background: url("../images/list_point.svg") no-repeat center center;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
}

#agb-text a {
    color: #de0017;
    border-bottom: 1px solid #de0017;
}

.anfrage-trainerinfo .bh-cols {

    margin-bottom: 20px;
    border-radius: 5px;
}

/*
  .anfrage-trainerinfo .bh-cols:nth-child(odd){
      background: rgba(128, 128, 128, 0.07);
  }
  */
.anfrage-trainerinfo select::-ms-expand {
    display: none;
}

.anfrage-trainerinfo .fieldset-telefon .bh-cols {
    margin-bottom: 0;
}

.anfrage-trainerinfo fieldset {
    padding: 0;
    position: relative;
}

.anfrage-trainerinfo legend {
    position: absolute;
    left: 10px;
    top: -15px;
    background-color: white;
}

.feld-telefon-part-1,
.feld-telefon-part-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.feld-telefon-vorwahl,
.feld-telefon-code,
.feld-telefon-textfeld {
    float: left;
}

.anfrage-trainerinfo .feld-telefon-vorwahl {
    width: 30%;
}

.anfrage-trainerinfo .feld-telefon-code {
    width: 20%;
}

.anfrage-trainerinfo .feld-telefon-textfeld {
    width: 50%;
}

.anfrage-trainerinfo .feld-telefon-vorwahl select {
    border-radius: 5px 0 0 5px;
}

.anfrage-trainerinfo .feld-telefon-code .feld-vorwahl-code {
    background: rgba(128, 128, 128, 0.07);
}

/* spannagelhöhle */
/*
  .anlage.erlebnis[data-id="1"] div:nth-child(2):after {
      content: '(Guided tours on request)';
      padding-left: 5px;
      font-size: 11px;
  }
  */
/* spannagelhöhle */
/*
  body[data-lang-code="de"] .anlage.erlebnis[data-id="1"] div:nth-child(2):after {
      content: '(Führungen auf Anfrage)';
      padding-left: 5px;
      font-size: 11px;
  }
  */

/*
  div[data-name="Spannagel Cave"] div:nth-child(2):after {
      content: '(Guided tours on request)';
      padding-left: 5px;
      font-size: 11px;
      position: absolute;
  }
  div[data-name="Spannagelhöhle"] div:nth-child(2):after {
      content: '(Führungen auf Anfrage)';
      padding-left: 5px;
      font-size: 11px;
      position: absolute;
  }
  div[data-name="Flohpark Hintertux"] div:nth-child(2):after {
      content: '(Kinderland)';
      padding-left: 5px;
      font-size: 11px;
      position: absolute;
  }
  */
.roterHintergrund {
    background: rgba(229, 0, 6, 1);
    color: white;
    padding: 15px;
}

.roterHintergrund p {
    margin-bottom: 0px;
}

.grauerHintergrund {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.grauerHintergrund p {
    margin-bottom: 0px;
}



.bh-state-desktop .onlyMobile {
    position: relative;
    border: 4px dotted #d2d2d2;
    max-width: 320px;
    min-height: 400px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 30px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bh-state-desktop .onlyMobile:before {
    content: 'Mobile Ausgabe';
    display: block;
    position: absolute;
    top: -35px;
    font-size: 20px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: #de0017;
}

html .onlyMobile {
    padding-top: 0px;
}

html .onlyMobile h1 {
    color: #de0017;
    font-size: 18px !important;
    text-align: center;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

html .onlyMobile .bhHeaderImage {
    height: 150px;
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-bottom: 0px;
}

html main.onlyMobile .bhHeaderImage .header-img-pic .bhBackgroundImage {
    height: 150px;
    background-size: cover;
}



#LiveView {
    padding: 10px 0;
    margin-left: -15px;
}

#LiveView {
    width: calc(100% + 30px);
    height: 100%;
    font-family: 'PT Sans', sans-serif;
    color: #5a5a5a;
    font-size: 18px;
    line-height: 40px;
}

#LiveView a {
    display: block;
}

#LiveView iframe {
    width: 100%;
}

#LiveView .infobox-section-webcam {
    background-size: 100% 100%;
    ;
    width: 100%;
    height: 180px;
    position: relative;
}

#LiveView .webcam-icon-text {
    background: white;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5px;
    color: #DE0017;
    width: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

#LiveView .infobox-section-weather {
    border-bottom: 1px solid #ebebeb;
    background-color: #f9f9f9;
}

#LiveView .infobox-weather-today,
#LiveView .infobox-weather-tomorrow,
#LiveView .infobox-snow {
    float: left;
    width: 28%;
    height: 120px;
    text-align: center;
    position: relative;
    border-right: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px;
}

#LiveView .infobox-section {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}

#LiveView .infobox-section-skiareas {
    background-color: #f9f9f9;
    position: relative;
    line-height: 50px;

}

#LiveView .infobox-section-skiarea {
    /* 	margin-bottom: 0; */
    border-bottom: 1px solid #f2f2f2;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

#LiveView .info-label-zillertal3000-text {
    line-height: 23px !important;
    height: 50px;
}

#LiveView .infobox-section-skiareas:last-child {
    border-right: 1px solid #ebebeb;
}

#LiveView .infobox-section-skiareas {

    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 	height: 230px; */
}

#LiveView a.infobox-section-pisteplan {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: white;
    padding: 0 10px;
    text-align: center;
    background-color: #db0e17;

}

#LiveView .infobox-section-link {
    background: url("../images/arrow_right_black.png") no-repeat center center;
    /* 	background: url(../images/arrow_right_black.svg) no-repeat center center; */
    width: 16%;
    height: 23px;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}

#LiveView .infobox-section-link a {
    width: 100%;
    height: 100%;
    display: block;
}

#LiveView .infobox-section-pisteplan .infobox-section-link {
    background: url("../images/arrow_right_white.png") no-repeat center center;

    /* 	background: url(../images/arrow_right_blue.svg) no-repeat center center; */
}

#LiveView .infobox-section-webcam .infobox-section-link {
    /* 	background: url(../images/arrow_right_white.png) no-repeat center center; */
    /* 	background: url(../images/arrow_right_white.svg) no-repeat center center; */

    /* 	background-color: rgba( 0, 0, 0, 0.2); */
    background: url("../images/arrow_right_white.png") #db0e17 no-repeat center center;
}

#LiveView .wt-icon {
    background-repeat: no-repeat;
    background-position: top 20px center;
    background-size: 45px;
    display: block;
}

#LiveView .weather-label {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
}

/*
  #LiveView .text-small{
      font-size: 24px;
  }
  */
/*
  #LiveView .info-label{
      font-size: 18px;
      line-height: 28px;
  }
  */
/*
  .info-chart{
      font-size: 26px;
      font-weight: bold;
  }
  */
#LiveView .anlage-status {
    width: 28%;
    padding-left: 0;
    height: 50px;
    background-size: auto;
    margin: 0 auto;
    top: 0;
}

#LiveView .mobile-info-chart {
    line-height: 23px;
    width: 28%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    margin: 0;
}

#LiveView .infobox-snow .info-chart {
    margin-top: 20px;
}

#LiveView .info-chart span {
    display: inline;
}

#LiveView .info-label {
    margin-left: 28%;
    width: 56%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.infobox-snow .info-chart {
    font-size: 20px;
}

#LiveView .line1,
#LiveView .line2 {
    display: block;
    /* 	word-wrap: break-word; */
}

html #InfoBox.compact {
    position: relative;
    width: calc(100% + 30px);
    background: #0f5090;
    margin-left: -15px;
    height: auto;
}

html #InfoBox.compact .infobox-section.infobox-section-webcam {
    background-size: cover;
    width: 100%;
}

html #InfoBox.compact .infobox-section {
    float: none;
}

html #InfoBox.compact a.compactCam,
html #InfoBox.compact a.compactPlan {
    display: block;
    float: left;
    width: 50%;
}

html #InfoBox.compact a.compactWeather {
    display: block;
    float: left;
    width: 70%;
}

html .compactKm,
html .compactLifts {
    float: left;
    width: 50%;
    border-top: 1px solid #27619b;
    border-bottom: 1px solid #27619b;
}

html #InfoBox.compact .compactKm div,
html #InfoBox.compact .compactLifts div,
html #InfoBox.compact .compactKm label,
html #InfoBox.compact .compactLifts label {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html #InfoBox.compact .infobox-weather-tomorrow {
    display: block !important;
}

html #InfoBox.compact .infobox-section-weather>div {
    width: 33.3333% !important;
}

html #InfoBox.compact .infobox-section.infobox-section-pisteplan {
    width: 100%;
}

html #InfoBox.compact .anlage.betterpark {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

html #InfoBox.compact a.betterpark {
    width: 30%;
    display: block;
    float: left;
    position: relative;
}

html #InfoBox.compact a {
    margin-left: 0px;
}

html #InfoBox.compact .htg-bg-red {
    background: #DE0017;
}

.onlyMobile .bhCols .cols6:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.onlyMobile .bhCols .cols6 .bhCol {
    width: 50% !important;
    display: block;
    float: left;
    padding: 0px !important;
    margin-bottom: 0px;
    border: 2px solid white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #eeeeee;
    height: 280px;
}

.onlyMobile .bhCols .cols6 .bhCol:nth-child(odd) {
    border-left: 4px solid white;
    border-right: 2px solid white;
}

.onlyMobile .bhCols .cols6 .bhCol:nth-child(even) {
    border-right: 4px solid white;
    border-left: 2px solid white;
}

.onlyMobile .bh-search input {
    width: calc(100% - 50px);
}

.onlyMobile .bh-search-result:nth-child(n+4) {
    display: none;
}

.onlyMobile .bh-search-result-url {
    display: none;
}


.searchbox {
    position: fixed;
    top: -1000px;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
    z-index: 700;
    background: white;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
    padding-top: 10px;
    max-height: calc(100% - 150px);
    overflow: auto;
}

.searchbox.active {
    top: 100px;

}

.searchbox input {
    border: 0px;
    border-bottom: 2px solid #0f5090;
    background: #f3f3f3;
    width: calc(100% - 40px);
    font-size: 15px;
    line-height: 30px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.searchbox h3,
.searchbox p.searchbox__headline {
    margin-bottom: 0px !important;
    margin-left: 45px;
    color: #de0017;
    font-size: 25px;
    margin-top: 10px;
}

.bh-search-result-url {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 420px;
    overflow: hidden;
}

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

#InfoBox .betterpark .info-label {
    position: absolute;
    top: 10px;
    bottom: auto;
    padding: 0px;
    width: 100%;
}

/*

  .betterpark .anlage-status {

      padding: 0px;
      text-align: center;
      width: 100% !important;
      background: none !important;
      display: flex !important;
      align-items: center;
      justify-content: center;
      height: 75px !important;
  }
  */

/*
  .betterpark .anlage-status[data-state="1"]:before {
      content: 'open';
      color: #82eb08;
      text-align: center;
      display: block;
  }

  .betterpark .anlage-status[data-state="0"]:before {
      content: 'closed';
      color: #db0517;
  }
  */

/*
  [lang="de-DE"] .betterpark .anlage-status[data-state="1"]:before {
      content: 'geöffnet';
  }
  [lang="de-DE"] .betterpark .anlage-status[data-state="0"]:before {
      content: 'geschlossen';
  }
  */

.betterpark .infobox-section {
    width: 150px;
}

/* --------- TABLET --------- */

@media all and (max-width:1450px) {
    #InfoBox {
        width: calc(100% - 200px);
    }

    #Logo a {
        width: 200px;
    }
}

@media only screen and (max-width: 1200px) {
    #Logo a {
        width: 200px;
    }

    #InfoBox .infobox-section.infobox-section-webcam {
        width: 130px;
    }

    .htg-cam-current {
        min-height: 580px;
        padding-bottom: 0;
    }

    #InfoBox {
        width: calc(100% - 150px);
    }
}

@media all and (max-width:1460px) {

    #InfoBox .infobox-weather-today,
    #InfoBox .infobox-snow {
        width: 50% !important;
    }

    #InfoBox .infobox-section-weather:has(.infobox-snow) .infobox-weather-tomorrow,
    #InfoBox .infobox-section-weather:has(.infobox-weather-aftertomorrow) .infobox-weather-aftertomorrow {
        display: none !important;
    }

    #InfoBox .infobox-section.infobox-section-weather {
        width: 160px !important;
    }

    #InfoBox .infobox-section.infobox-section-open {
        width: 160px !important;
    }

    #InfoBox .infobox-section.infobox-section-pisteplan {
        width: 140px;
        background-size: cover;
    }

    nav#MainNavigation.bh-nav-sitemap ul.navi.hsnavi_box {
        width: 100%;
    }

    .infobox-section-skiarea .betterpark .info-label {
        display: none;
    }

    #InfoBox .betterpark .infobox-section {
        /* 		width: 100px !important; */
    }

    .infobox-section-summer .anlage {
        font-size: 11px !important;
        padding-right: 10px;
    }

    /*
      .betterpark .anlage-status {
          margin-top: 20px;
      }
  */

}

@media all and (max-width:1200px) {

    #Logo a {
        width: 150px !important;
        background-size: contain;
    }
}

.fuehrungenaufanfrage {
    font-size: 12px;
}

/* !iPad CSS */
@media only screen and (max-width : 1240px) {
    .bh-state-desktop #InfoBox .infobox-section-pisteplan {
        width: 99px !important;
    }
}


/** youtube im 50/50 **/

.bhImpressionBox iframe.youtubevideo {
    width: 100%;
    height: 100%;
}

.hasYoutubeVideo>.bhBackgroundImage {
    background: none !important;
}

.bh-state-mobile .hasYoutubeVideo>.bhBackgroundImage,
.bh-state-mobile .bhImpressionBox iframe.youtubevideo {
    height: 170px !important;
    padding-bottom: 10px;
}

.swiper-slide .news-start-item {
    margin: 10px;
    margin-bottom: 20px;
}

.swiper-container.news-start {
    padding-bottom: 40px;
}

.swiper-pagination-bullet-active {
    background: #de0517 !important;
}

/*
      BEGIN
      Neues Feature: Infoleiste-> Betterpark Section mit allen Lines
      ( 07.05.2018)
      Author: Michael Rainer
  */
.infobox-betterpark-lines {
    display: block;
    float: left;
}

#InfoBox .infobox-section-betterpark-lines {
    float: none;
    display: inline-block;
    padding-right: 10px;
}

.infobox-section-betterpark-lines .infobox-section-title {
    /* padding-top: 4px; */
    padding-bottom: 0;
    padding-left: 10px;
    line-height: 18px;
    /* color: #8bbae8; */
    color: #004F91;
    font-weight: normal;
    font-size: 14px;
}

.infobox-betterpark-lines-container {
    display: block;
    /* 	width: 180px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    /* padding-bottom: 5px; */
}

.infobox-section-betterpark-lines .anlage {
    font-size: 13px !important;
    font-weight: normal;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 17px;
    margin-top: 0px;
    margin-bottom: 0px;
    /* margin-top: 4px;
    margin-bottom: 6px; */
}

.infobox-section-betterpark-lines .anlage:nth-child(odd) {
    background: none;
}

.infobox-section-betterpark-lines .anlage-status {
    /* top: 3px !important; */
    padding-left: 0;
}

/*
      END
      Neues Feature: Infoleiste-> Betterpark Section mit allen Lines
  */

.bh-state-desktop .bh-cookies-warning {
    width: 300px;
    padding-bottom: 0px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.9) !important;
    border-top-left-radius: 5px;
    right: 0px;
    left: auto;
}

.bh-state-desktop .bh-cookies-buttons {
    width: 130px;
    margin-right: 10px;

}

.bh-cookies-buttons>* {
    width: 110px;
    margin-bottom: 10px;
    background: #0f5090 !important;
    color: white;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
}

.bh-state-desktop .bh-cookies-warning-text {
    width: 130px;
    height: 75px;
    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;
    text-align: left;
}

.bh-state-mobile .bh-cookies-warning {
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.bh-state-mobile .bh-cookies-buttons {
    width: 100%;
}



/*
      News Dynamic Full Content
      ( 30.10.2018)
      Author: Markus K.
  */
#CooNews.full-width-1 .newsdetail_body {
    max-width: none !important;
}

#CooNews.full-width-1 .newsdetail_body h1,
#CooNews.full-width-1 .news-detail-datum {
    text-align: center;
}




/* ------------------------------------------ */
/* SPEZIAL 08.01.2018, Michael -> VERBINDUNG Rastkogel Finkenberg MANUELL SPERREN,
      Sarah meldet sich, sobald wir das wieder entfernen können */
/* ------------------------------------------ */

/*
  .anlage[data-id="222"][data-gebiet="rastkogel"] .anlage-status{
      background: url( "../images/icons/anlagen/closed.png" ) no-repeat center center;
      background: url( "../images/icons/anlagen/closed.svg" ) no-repeat center center;
      background-size: contain;
  }
  */



/* ------------------------------------------ */
/* 9.01.2018, Michael -> Webcams bei 7 Cams zweispaltig */
/* ------------------------------------------ */

.htg-cams-container.fourcols .htg-cams {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.htg-cams-container.fourcols .htg-cam-outer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    /* 	        immer vierspaltig */
    min-width: calc(100% / 4);
}




/*
  [data-uid="14112"] .bh-centered.bh-width-breakout {
      max-width: 770px;
  }
  */

[name="matomo iframe"] {
    margin: 0 auto;
    display: block;
    width: 100% !important;
    max-width: 980px !important;
}



/*-------------------------------------------------------------------*/
/* Änderungen Sascha (07.01.2020) - Zusatzoption für bhPicture       */
/* für Logoänderung und Responsive Anpassung Navi da neuer Menüpunkt */
/*-------------------------------------------------------------------*/

.bgImageContain .bhBgImage {
    background-size: contain !important;
}

@media only screen and (max-width : 1320px) {
    .bh-state-desktop .hnavi_item>a {
        padding: 2px 18px 0px 20px;
    }
}

/* .hnavi_item[data-pid="419"] {
    position: relative;
}

.hnavi_item[data-pid="419"]::before {
    top: 40px;
}

.hnavi_item[data-pid="419"]::after {
    top: 100%;
    bottom: auto;
} */

nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="419"] ul.navi.hsnavi_box {
    width: 240px;
    left: auto;
    flex-direction: column;
    padding: 30px;
}
nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="419"] li.hsnavi_item {
    width: auto;
    margin: 0px;
}
nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="419"] li.hsnavi_item>a {
    padding-left: 0px;
    font-size: 16px;
    border-bottom: none;
    cursor: pointer;
    line-height: 23px;
    padding-bottom: 20px;
    color: #6a6a6a;
    font-weight: 400;
}
nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="419"] li.hsnavi_item:last-child>a {
    padding-bottom: 0px;
}

[data-pid="419"] .hsnavi_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

/* .hnavi_item {
      position: relative;
  } */





/*------------------------------------*\
    #Anpassung der Optik (Michael, 18.01.2021)
  \*------------------------------------*/
main>.bhContainer>.bhText {
    padding-left: 10px;
    padding-right: 10px;
}


body[data-page="211"] #Content {
    padding-top: 40px;
}

/* Betterpark Lines schmale Breite */
.AnlagenListe[data-uid="22879"] {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}




.bhHeaderImage h2 {
    line-height: 1;
}






/*------------------------------------*\
    #Startseite Newsliste Swiper statt Fader
    28.04.2021
    Michael
  \*------------------------------------*/
/*
  #HeaderOuter .newslist__slide-inner{
      height: 600px;
      position: relative;
  }
  */

.newslist__slide-inner {
    --newslist-header--height-reduction: 100px;
    height: calc(clamp(600px, calc(95vh - 140px), 1080px) - var(--newslist-header--height-reduction));
    height: calc(clamp(600px, calc(95svh - 140px), 1080px) - var(--newslist-header--height-reduction));
    position: relative;
}

.newslist--swiper--small .newslist__slide-inner {
    height: calc(clamp(600px, calc(60vh - 140px), 720px) - var(--newslist-header--height-reduction));
    height: calc(clamp(600px, calc(60svh - 140px), 720px) - var(--newslist-header--height-reduction));
}

/* mobile */

@media(max-width: 767px) {
    .newslist__slide-inner {
        --header--height-reduction: 190px;
    }
    .page-with-warning .newslist__slide-inner {
        --header--height-reduction: 265px;
    }
    .newslist__slide-inner,
    .newslist--swiper--small .newslist__slide-inner {
        min-height: calc(min(960px, calc(95vh - 120px)) - var(--header--height-reduction));
        min-height: calc(min(960px, calc(95svh - 120px)) - var(--header--height-reduction));
    }
}

.newslist__slide-pic {
    height: 100%;
}

.newslist__slide-pic .bh-image-background {
    height: 100%;
    position: relative;

    background-position: center center;
    background-size: cover;
    /*
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
  */
}

.newslist__slide-pic .bh-image-background:before {
    content: '';
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(31.09%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 31.09%);
    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 31.09%);
    position: absolute;
    pointer-events: none;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
  .newslist__slide-content{

      color: #fff;
      position: absolute;
      background-color: rgba(0,0,0,.25);
      position: absolute;
      width: 380px;
      height: 100%;
      top: 0;
      left: 0;
      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-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding-left: 100px;
      padding-right: 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: left;
  }


  .newslist__slide[data-alignment="1"] .newslist__slide-content{
      text-align: right;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      left: auto;
      right: 0;
      padding-left: 30px;
      padding-right: 100px;
  }

  .newslist__slide-title{
      font-size: 34px;
      font-weight: 700;
      font-family: 'PT Sans',sans-serif;
      line-height: 1;
      margin-bottom: 20px;
      width: 100%;
  }

  .newslist__slide-text{
      font-size: 17px;
      margin-bottom: 20px;
      width: 100%;
  }


  .newslist__slide-button{
      background-color: rgb(222,0,23);
      border-radius: 5px;
      cursor: pointer;
      display: inline-block;
      line-height: 40px;
      padding: 0px 20px;
      font-weight: 700;
  }
  */










/*------------------------------------*\
    #Swiper style
  \*------------------------------------*/
.swiper-navigation {
    color: #4A4A4A;
    background: rgba(255, 255, 255, .6);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    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;
}

.swiper-navigation:after {
    font-family: 'bakehouse-iconset';
    font-size: 40px;
}

.swiper-button-prev:after {
    content: '\e905';
}

.swiper-button-next:after {
    content: '\e906';
}

.swiper-button-disabled {
    opacity: 0.5;
}


.bhCols .bhText {
    padding-left: 0;
    padding-right: 0;
}






/*------------------------------------*\
    #22.09.21, Michael Einbau Button Triangle Corner Style
  \*------------------------------------*/
.style-button--triangle-corner {
    position: relative;
    text-transform: uppercase;
    background-color: #004F91;
    font-size: 19px;
    line-height: 1.3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
}

.style-button--triangle-corner::after {
    content: '';
    position: absolute;
    bottom: 0;
    /*     ipad safari fix */
    left: calc(100% - 1px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 0 0 45px;
    border-color: transparent transparent transparent #004F91;
}


@media(max-width: 767px) {
    .style-button--triangle-corner {
        font-size: 17px;
        min-height: 37px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .style-button--triangle-corner::after {
        border-width: 37px 0 0 37px;
    }
}



/*------------------------------------*\
    #21.09.21, Michael Einbau Header-Label
  \*------------------------------------*/
.header__label {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}



@media(max-width: 767px) {
    .header__label {
        font-size: 14px;
        min-height: 30px;
    }

    .header__label::after {
        border-width: 30px 0 0 30px;
    }
}


/*------------------------------------*\
    #21.09.21, Michael Einbau Header-Label
  \*------------------------------------*/

.newslist__slide-content {
    position: absolute;
    right: 50px;
    width: 450px;
    /* bottom: 120px; */

     top: 50%;
     -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
           transform: translateY(-50%);

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    padding-top: 20px;
    color: #4A4A4A;
    font-size: 18px;
    line-height: 1.4;
}

/* .warningBoxVisible .newslist__slide-inner {
    height: 670px;
} */

.newslist__slide-content-overlay {
    pointer-events: none;
    background: #FFFFFF;
    opacity: 1;
    -webkit-box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%);
  */
}

.newslist__slide-content-inner {
    position: relative;
}


.newslist__slide-label {
    margin-left: -60px;
    margin-bottom: 20px;
    font-weight: bold;
}

.newslist__slide-title {
    line-height: 1;
    color: #004F91;
    margin-bottom: 10px;
    hyphens: 'auto';
}

.newslist__slide-text {
    margin-bottom: 30px;
}

.newslist__slide-button {
    background: #E20613;
    min-width: 140px;
    min-height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 15px;
    border-radius: 3px;
}

.bh-state-desktop .newslist--swiper {
    padding-bottom: 40px;
}

.newslist--swiper .swiper-navigation {
    border: 1px solid #004F91;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    color: #004F91;
    background: none;
}

.bh-state-mobile .newslist--swiper .swiper-navigation {
    border-color: #FFFFFF;
}

.newslist--swiper .swiper-button-prev {
    top: auto;
    bottom: 0;
    left: calc(50% - 20px);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);

}

.newslist--swiper .swiper-button-next {
    top: auto;
    bottom: 0;
    right: calc(50% - 20px);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);

}


.newslist__swiper-label {
    position: absolute;
    bottom: 5px;
    left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 19px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #11518D;
    pointer-events: none;
    z-index: 10;
}

.newslist__swiper-label-prefix {
    font-weight: bold;
    margin-right: 5px;
}

.newslist__swiper-label-icon {
    background-image: url("/fileadmin/images/icon--mountains.svg");
    background-position: center center;
    background-size: contain;
    margin-right: 8px;
    width: 43px;
    height: 37px;
}

.newslist__swiper-label-suffix {}


@media(max-width: 767px) {

    /*
      .newslist__slide-pic .bh-image-background{
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
                  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
      }
  */
    .newslist__slide-pic .bh-image-background:before {

        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 78, 143, 0.8)), color-stop(60%, rgba(0, 78, 143, 0)));

        background: -o-linear-gradient(bottom, rgba(0, 78, 143, 0.8) 0%, rgba(0, 78, 143, 0) 60%);

        background: linear-gradient(360deg, rgba(0, 78, 143, 0.8) 0%, rgba(0, 78, 143, 0) 60%);
    }

    .newslist__slide-content-overlay {
        display: none;
    }

    .newslist__slide-content {
        width: 100%;
        height: 100%;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
        padding: 15px 20px 30px 15px;
        text-align: center;
    }

    .newslist__slide-content-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-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .newslist__slide-label {
        text-align: left;
        margin-left: -15px;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }


    .newslist__slide-label::after {

        width: 0;
        height: 0;
        border-style: solid;
        border-width: 37px 20px 0 0;
        border-color: #004F91 transparent transparent transparent;
    }

    .newslist--swiper .swiper-navigation {
        top: 50%;
        background: #FFFFFF;

        width: 42px;
        height: 42px;
        color: #E20613;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .newslist--swiper .swiper-button-prev {

        border-radius: 0px 5px 5px 0px;
        left: 0;
        right: auto;
    }

    .newslist--swiper .swiper-button-next {
        right: 0;
        left: auto;
        border-radius: 5px 0 0 5px;
    }

    .newslist__slide-content {
        color: white;
    }

    .newslist__slide-title {
        color: white;
        margin-top: auto;
        font-size: 30px;
        line-height: 1;

        color: #FFFFFF;

    }

    .newslist__slide-text {
        font-size: 17px;
        line-height: 1.4;
    }

    .newslist__swiper-label {
        display: none;
    }
}

/* newslist--news-swiper */

.newslist--news-swiper {
    margin: 0 calc(var(--spacing, 0) * -1);
    box-sizing: border-box;
}

.newslist--news-swiper__inner {
    position: relative;
    max-width: 1540px;
    margin: 0 auto;
}

.newslist--news-swiper .newslist--news-swiper__swiper {
    max-width: 960px;
    margin: 0 auto;
    position: static;
    padding: 0 30px;
}

.newslist--news-swiper .swiper-container {
    padding: 20px;
}

.newslist--news-swiper__swiper .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.newslist--news-swiper .swiper-navigation {
    border: 1px solid #004F91;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    color: #004F91;
    background: none;
}

.style-bg--blue .newslist--news-swiper .swiper-navigation {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.newslist--news-swiper .swiper-button-next {
    right: 0;
}

.newslist--news-swiper .swiper-button-prev {
    left: 0;
}

.news-swiper-item {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-swiper-item.swiper-slide {
    height: auto;
}

.news-swiper-item__inner {
    background: #ffffff;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.news-swiper-item__pic {
    height: 190px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.news-swiper-item__texts {
    padding: 20px 20px 35px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

h3.news-swiper-item__title {
    margin-bottom: 10px !important;
}

.news-swiper-item__text {
    font-size: 15px;
    line-height: 1.3;
}

.news-swiper-item__button.bh-styleclass-linkbutton {
    width: auto;
    padding: 0px 20px;
    line-height: 40px !important;
}

.news-swiper-item__button.bh-styleclass-linkbutton:hover {
    background-color: rgb(222, 0, 23);
}

.bh-state-mobile .newslist--news-swiper .swiper-navigation {
    border: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    color: #E10017;
    background: #ffffff;
}

.bh-state-mobile .newslist--news-swiper .swiper-button-prev {
    border-radius: 0px 4px 4px 0px;
}

.bh-state-mobile .newslist--news-swiper .swiper-button-next {
    border-radius: 4px 0px 0px 4px;
}

.bh-state-mobile .newslist--news-swiper .bh-swiper {
    padding: 0 10px;
}

/*------------------------------------*\
    #Tabs-Neues Design ( Michael, 27.09.2021)
  \*------------------------------------*/
.bhTabs.design-2021 {
    max-width: none;
    /* 	overflow: auto; */
}

.bhTabs.design-2021 .bhTabElement {
    background: white;
    text-transform: uppercase;
    color: #E20613;
    margin-right: 1.5px;
    margin-left: 1.5px;
    transition: background 0.4s, color 0.4s;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 55px;
    box-sizing: border-box;
    padding: 5px 20px;
    border: 1px solid rgba(0, 0, 0, .15);
}

.bhTabs.design-2021 .bhTabElement.bhElement.bhe-state-content-hidden {
    display: none;
}

.bhe-state-editing.bhe-state-show-hidden-content .bhTabs.design-2021 .bhTabElement.bhe-state-content-hidden {
    -webkit-transition: .5s ease opacity;
    display: block;
    opacity: .2;
}

.bhTabs.design-2021 .bh-tab-togglers {
    display: flex;
    justify-content: center;
    align-items: center;
}


.bhTabs.design-2021 .bh-tabtogglers>*:first-child {
    border-radius: 5px 0px 0px 5px;
}

.bhTabs.design-2021 .bh-tabtogglers>*:last-child {
    border-radius: 0 5px 5px 0;
}

.bhTabs.design-2021 .bhTabElement p {
    color: inherit;
}

.bhTabs.design-2021 .bh-tabtoggler-active,
.bhTabs.design-2021 .bhTabElement:hover {
    background: #E20613;
    color: white;
    border: 1px solid #E20613;
}


@media(max-width: 767px) {
    .bhTabs.design-2021 .bhTabElement {
        min-height: 30px;
    }
}






/*------------------------------------*\
    #Menü Anpassung Aktuelles Menüpunkt ( Menu only 2nd level )
    Michael, 11.11.21
  \*------------------------------------*/
nav#MainNavigation.bh-nav-sitemap [data-pid="443"] ul.navi.hsnavi_box {
    position: absolute !important;
    width: 250px !important;
    left: 0px !important;
    top: 60px !important;
    padding: 30px;
    display: block;
}

body.infoboxshow nav#MainNavigation.bh-nav-sitemap [data-pid="443"] ul.navi.hsnavi_box,
body.bh-scrolled nav#MainNavigation.bh-nav-sitemap [data-pid="443"] ul.navi.hsnavi_box {
    top: 40px !important;
}

nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="443"] .hsnavi_item {
    min-width: auto;
    width: auto;
    margin: 0;

}

nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="443"] .hsnavi_item>a {
    color: #6a6a6a;
    padding-left: 10px;
    padding-top: 2px;
    line-height: 2em;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-weight: 400;
    font-size: 16px;
}

nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="443"] .hsnavi_item>a.nav-sehenswertes {
    padding-left: 35px;
    color: #DE0017;
    font-size: 18px;
    border-bottom: 1px solid RGBA(222, 0, 23, .25);
    font-weight: bold;
}

nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="443"] .hsnavi_item>:hover {
    background-color: rgba(0, 0, 0, .05);
    cursor: pointer;
}

/*
  nav#MainNavigation.bh-nav-sitemap .hnavi_item[data-pid="443"] .hsnavi_item > a:before{
      display: none;
  }
  */

/*

    FORMULAR MANAGER

*/

:root {
  --bh-form-manager-highlight-color: #de0017;
  --bh-form-manager-input-border: 1px solid rgba(0,0,0,0.2);
  --bh-form-manager-input-border-focused: 1px solid rgba(0,0,0,0.2);
  --bh-form-manager-input-bg: #ffffff;
  --bh-form-manager-input-bg-focused: #ffffff;
  --bh-form-manager-input-text-focused: currentColor;
  --bh-form-manager-input-border-radius: 0px;
  --bh-form-manager-input-font-size: 15px;
  --bh-form-manager-input-padding: 12px 20px;
  --bh-form-manager-upload-description: currentColor;
  --bh-form-manager-footnote: currentColor;
  --bh-form-manager-tooltip-icon: currentColor;
  --bh-form-manager-tooltip-border: none;
  --bh-form-manager-tooltip-bg: #666666;
  --bh-form-manager-tooltip-text: white;
  --bh-form-manager-tooltip-font-family: Calibri, "Trebuchet MS", Arial, sans-serif;
  --bh-form-manager-tooltip-font-size: 13px;
  --bh-form-manager-input-placeholder-font-size: 15px;
  --bh-form-manager-placeholder-text: #B2B2B2;
  --bh-form-manager-input-label-font-family: inherit;
  --bh-form-manager-input-label-font-size: 14px;
  --bh-form-manager-input-label-color: #0F5090;
  --bh-form-manager-checkbox-border: 2px solid var(--bh-form-manager-highlight-color);
  --bh-form-manager-checkbox-bg: transparent;
  --bh-form-manager-checkbox-bg-checked: var(--bh-form-manager-highlight-color);
  --bh-form-manager-warningbox-backend: #fdc357;
  --bh-form-manager-submit-padding: 12px 20px;
  --bh-form-manager-submit-border-radius: 0px;
  --bh-form-manager-submit-hover-padding: 12px 20px;
  --bh-form-manager-submit-hover-border-radius: 0px;
}
.bh-form-manager__submit {
  text-align: center;
}

.bh-form-manager__submit__input.bh-bodytext {
    font-size: var(--bh-form-manager-submit-font-size);
}

/* .el-form-manager .spacer-height-s-with-line {
  height: 2em;
  position: relative;
}
.el-form-manager .spacer-height-s-with-line:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0px;
  top: 50%;
  background-color: rgba(0,0,0,0.2);
} */

.bh-bodytext.bh-form-manager__label,
.bh-form-manager__label .bh-bodytext {
    font-size: var(--bh-form-manager-input-label-font-size);
}

.el-form-manager-item h3 p {
    margin-bottom: 0px;
    font-weight: 400;
    color: #e2001a;
    font-size: 24px;
}
h3.el-form-manager-headline-big {
    margin-bottom: 0px !important;
}
/* .bh-font-questionmark:before {
    color: #0F5090;
}
.el-form-manager-footnote p {
    font-size: 14px;
    color: rgba(0,0,0,.3);
}
#Content .el-form-manager-footnote ul li {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}
#Content .el-form-manager-footnote ul li:before {
    height: 10px;
    top: 11px;
    width: 10px;
}
span.checkbox-label .bh-bodytext {
    font-size: 14px;
} */



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- Barrierefreiheit 05/25 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@keyframes delayed-hide {
  from {
      visibility: visible;
  }
  to {
      visibility: hidden;
  }
}

:where(
        button,
        input:is([type="button" i], [type="reset" i], [type="submit" i])
    ) {
    -webkit-appearance: none; /* 1 */
    -moz-appearance: none; /* 1 */
    appearance: none; /* 1 */
    margin: 0; /* 1 */
    border: 0; /* 1 */
    border-radius: 0; /* 1 */
    padding: 0; /* 1 */
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    text-align: inherit; /* 1 */
    color: inherit; /* 1 */
    background: transparent; /* 1 */
    cursor: pointer; /* 1 */
}

#bh-accessibility-widget {
    --accessibility-color-primary: #044e92;
}

.bh-state-mobile #bh-accessibility-widget {
    --accessibility-offset-vertical: 70px;
    --accessibility-transform-hidden-vertical: 0px;
    --accessibility-transform-hidden-horizontal: calc(100% + var(--accessibility-offset-horizontal));
}