/*---------------------------------------------------------------------*/
/*-- general --*/
/*---------------------------------------------------------------------*/

/* fluid responsive clamp tool
|* https://geary.co/clamp-calculator/
|* min viewport width:  375px
|* max viewport width: 1440px */

:root {
  /*-- website colors --*/
  --skischule-fiss-ladis-white: #ffffff;
  --skischule-fiss-ladis-white-rgb: 255, 255, 255;
  --skischule-fiss-ladis-white-darker: #edf0f3;
  --skischule-fiss-ladis-black: #000000;
  --skischule-fiss-ladis-black-rgb: 0, 0, 0;
  --skischule-fiss-ladis-grey: #55657b;
  --skischule-fiss-ladis-grey-rgb: 85, 101, 123;
  --skischule-fiss-ladis-grey-lighter: #c6c6c6;
  --skischule-fiss-ladis-grey-light: #eeeeee;
  --skischule-fiss-ladis-red: #d30a11;
  --skischule-fiss-ladis-red-rgb: 211, 10, 17;
  --skischule-fiss-ladis-red-dark: #c41b2e;
  --skischule-fiss-ladis-yellow: #fab600;
  --skischule-fiss-ladis-yellow-rgb: 250, 182, 0;
  --skischule-fiss-ladis-green: #00c959;
  --skischule-fiss-ladis-green-rgb: 0, 201, 89;

  --skischule-fiss-ladis-color-highlight: var(--skischule-fiss-ladis-red);
  --skischule-fiss-ladis-color-accent: var(--skischule-fiss-ladis-grey);
  --skischule-fiss-ladis-color-action: var(--skischule-fiss-ladis-green);

  --skischule-fiss-ladis-text: #464646;
  --skischule-fiss-ladis-text-dark: var(--skischule-fiss-ladis-black);
  --skischule-fiss-ladis-text-light: var(--skischule-fiss-ladis-white);
  --skischule-fiss-ladis-text-highlight: var(--skischule-fiss-ladis-red);
  --skischule-fiss-ladis-text-accent: var(--skischule-fiss-ladis-grey);
  --skischule-fiss-ladis-text-dimmed: var(--skischule-fiss-ladis-grey-lighter);
  --skischule-fiss-ladis-text-attention: var(--skischule-fiss-ladis-yellow);

  --skischule-fiss-ladis-background-main: var(--skischule-fiss-ladis-white);
  --skischule-fiss-ladis-background-main-rgb: var(--skischule-fiss-ladis-white-rgb);
  --skischule-fiss-ladis-background-box: var(--skischule-fiss-ladis-white-darker);
  --skischule-fiss-ladis-background-highlight: var(--skischule-fiss-ladis-red);
  --skischule-fiss-ladis-background-accent: var(--skischule-fiss-ladis-grey);
  --skischule-fiss-ladis-background-attention: var(--skischule-fiss-ladis-yellow);
  --skischule-fiss-ladis-background-action: var(--skischule-fiss-ladis-green);

  --skischule-fiss-ladis-background-popup-transparency-main: 0.85;
  --skischule-fiss-ladis-background-popup-main: rgba(var(--skischule-fiss-ladis-background-main-rgb), var(--skischule-fiss-ladis-background-popup-transparency-main));
  --skischule-fiss-ladis-background-popup-blur-main: blur(13px);

  --skischule-fiss-ladis-course-green: #3b892e;
  --skischule-fiss-ladis-course-green-accent: #62a158;
  --skischule-fiss-ladis-course-green-light: #b7cba4;
  --skischule-fiss-ladis-course-green-light-rgb: 183, 203, 164;
  --skischule-fiss-ladis-course-blue: #016599;
  --skischule-fiss-ladis-course-blue-accent: #3381b0;
  --skischule-fiss-ladis-course-blue-light: #a4c1e6;
  --skischule-fiss-ladis-course-blue-light-rgb: 164, 193, 230;
  --skischule-fiss-ladis-course-yellow: #fda500;
  --skischule-fiss-ladis-course-yellow-accent: var(--skischule-fiss-ladis-yellow);
  --skischule-fiss-ladis-course-yellow-light: #fee2aa;
  --skischule-fiss-ladis-course-yellow-light-rgb: 254, 226, 170;
  --skischule-fiss-ladis-course-red: #d30019;
  --skischule-fiss-ladis-course-red-accent: var(--skischule-fiss-ladis-red-dark);
  --skischule-fiss-ladis-course-red-light: #f3ac91;
  --skischule-fiss-ladis-course-red-light-rgb: 243, 172, 145;
  --skischule-fiss-ladis-course-turquoise: #9fe6d9;
  --skischule-fiss-ladis-course-turquoise-rgb: 159, 230, 217;
  --skischule-fiss-ladis-course-violet: #d9acd7;
  --skischule-fiss-ladis-course-violet-rgb: 217, 172, 215;
  --skischule-fiss-ladis-course-brown: #c5a78b;
  --skischule-fiss-ladis-course-brown-rgb: 197, 167, 139;

  --skischule-fiss-ladis-group-green: #00c545;
  --skischule-fiss-ladis-group-blue: #2d7edd;
  --skischule-fiss-ladis-group-red: var(--skischule-fiss-ladis-red);
  --skischule-fiss-ladis-group-black: #1a1a1a;

  /*-- website fonts --*/
  --skischule-fiss-ladis-font-main:      "Roboto", sans-serif;
  --skischule-fiss-ladis-font-highlight: "neo-sans", sans-serif;

  --skischule-fiss-ladis-font-weight-light:     300;
  --skischule-fiss-ladis-font-weight-main:      400;
  --skischule-fiss-ladis-font-weight-medium:    500;
  --skischule-fiss-ladis-font-weight-highlight: 700;

  --skischule-fiss-ladis-font-line-height-main: 1.172;
  --skischule-fiss-ladis-font-line-height-bodytext: 1.55;

  /*-- website properties --*/
  --skischule-fiss-ladis-image-background-height: clamp(28rem, 3.756vw + 26.592rem, 32rem);
  --skischule-fiss-ladis-image-hover-scale: scale(1.2);
  --skischule-fiss-ladis-image-hover-overlay: rgba(var(--skischule-fiss-ladis-black-rgb), 0.3);

  --skischule-fiss-ladis-label-min-height: 4rem;
  --skischule-fiss-ladis-button-min-height: 5rem;
  --skischule-fiss-ladis-button-hover-overlay-rgb: 0 0 0;
  --skischule-fiss-ladis-button-hover-overlay-opacity: 10%;
  --skischule-fiss-ladis-button-hover-overlay: rgb(var(--skischule-fiss-ladis-button-hover-overlay-rgb) / var(--skischule-fiss-ladis-button-hover-overlay-opacity));

  --skischule-fiss-ladis-bodytext-spacing: 1.25em;

  --skischule-fiss-ladis-icon-size-large:   3.6rem;
  --skischule-fiss-ladis-icon-size-main:    2.4rem;
  --skischule-fiss-ladis-icon-size-smaller: 2.2rem;
  --skischule-fiss-ladis-icon-size-small:   1.6rem;
  --skischule-fiss-ladis-icon-hover-shift:  0.2rem;

  --skischule-fiss-ladis-border-width-main:      1px;
  --skischule-fiss-ladis-border-width-highlight: 2px;
  --skischule-fiss-ladis-border-style-main: solid;
  --skischule-fiss-ladis-border-color-main: #dee0e4;
  --skischule-fiss-ladis-border-color-light: var(--skischule-fiss-ladis-grey-light);
  --skischule-fiss-ladis-border-color-highlight: var(--skischule-fiss-ladis-color-highlight);
  --skischule-fiss-ladis-border-color-accent: var(--skischule-fiss-ladis-color-accent);
  --skischule-fiss-ladis-border-main: var(--skischule-fiss-ladis-border-width-main) var(--skischule-fiss-ladis-border-style-main) var(--skischule-fiss-ladis-border-color-main);
  --skischule-fiss-ladis-border-light: var(--skischule-fiss-ladis-border-width-main) var(--skischule-fiss-ladis-border-style-main) var(--skischule-fiss-ladis-border-color-light);
  --skischule-fiss-ladis-border-highlight: var(--skischule-fiss-ladis-border-width-highlight) var(--skischule-fiss-ladis-border-style-main) var(--skischule-fiss-ladis-border-color-highlight);
  --skischule-fiss-ladis-border-accent: var(--skischule-fiss-ladis-border-width-highlight) var(--skischule-fiss-ladis-border-style-main) var(--skischule-fiss-ladis-border-color-accent);
  --skischule-fiss-ladis-border-radius-large:   1.6rem;
  --skischule-fiss-ladis-border-radius-larger: 0.8rem;
  --skischule-fiss-ladis-border-radius-main:   0.6rem;
  --skischule-fiss-ladis-border-radius-small:  0.3rem;

  --skischule-fiss-ladis-transition-duration-main: 0.2s;
  --skischule-fiss-ladis-transition-duration-longer: 0.4s;
  --skischule-fiss-ladis-transition-duration-long: 0.8s;
  --skischule-fiss-ladis-transition-timing-function-main: ease-in-out;
  --skischule-fiss-ladis-transition-timing-function-longer: ease;
  --skischule-fiss-ladis-transition-timing-function-long: ease;
  --skischule-fiss-ladis-transition-main: var(--skischule-fiss-ladis-transition-duration-main) var(--skischule-fiss-ladis-transition-timing-function-main);
  --skischule-fiss-ladis-transition-longer: var(--skischule-fiss-ladis-transition-duration-longer) var(--skischule-fiss-ladis-transition-timing-function-longer);
  --skischule-fiss-ladis-transition-long: var(--skischule-fiss-ladis-transition-duration-long) var(--skischule-fiss-ladis-transition-timing-function-long);

  /*-- header --*/
  --header-content-min-height: calc(25rem + var(--main-header-shift));
  --top-border-height: 1rem;
  --top-height-main: 9.3rem;
  --top-height: calc(var(--top-height-main) + var(--top-border-height));
  --top-height-total: 10.3rem; /* not scrolled */
  --top-logo-width: 17.8rem;
  --top-spacing-main: var(--website-padding-small);
  --top-spacing-popup: var(--website-padding-tiny);
  --top-spacing-mini: 0.2rem;
  --top-box-shadow-main: 0 2.4rem 3.4rem -2rem rgba(var(--skischule-fiss-ladis-black-rgb), 0.15);
  --main-nav-gap-main: var(--website-gap-small);
  --main-nav-gap-small: var(--website-gap-tiny);
  --main-nav-gap-large: calc(var(--website-gap-small) * 2);
  --main-nav-padding-main: var(--website-padding-normal);
  --main-nav-item-link-hover-shift: var(--website-padding-tiny);
  --nav-toggler-width: 7.5rem;
  --sidebar-width: 5.5rem;

  /*-- mobile bar --*/
  --mobile-bar-height: 6rem;
  --mobile-bar-padding: 0.3rem;

  /*-- main --*/
  --main-header-shift: 14.9rem;
  --main-shadow-height: 50rem;
  --main-padding-top: var(--website-gutter-secondary);
  --main-border-radius: var(--skischule-fiss-ladis-border-radius-large);
  --main-anchormenu-height: 5rem;

  /*-- footer --*/
  --footer-slope-height: 13rem;
  --footer-main-spacing: var(--website-padding-large);
  --course-finder-link-box-icon-width: 3.5rem;

  /*-- search --*/
  --search-popup-spacing-main: var(--website-padding-normal);
  --search-popup-spacing-small: var(--website-padding-tiny);
}

html {
  font-size: 62.5%;
  /* equal to 10px if browser font-size is set to 16px (default in most browsers)
  |* (62.5 / 100) * 16 = 10 */
  scroll-behavior: smooth;
  scrollbar-color: var(--skischule-fiss-ladis-color-highlight) var(--skischule-fiss-ladis-color-accent);
}

body {
  font-size: 1.6rem;
  /* scale back up to match browser font-size (16px default in most browsers)
  |* html: 62.5% of browser font size (0.625)
  |* body: 0.625 * 1.6rem = 1 (100% of browser font-size) */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  background-color: var(--skischule-fiss-ladis-background-main);
}

.page {
  overflow: hidden;
  position: relative;
  display: flow-root;
  padding-top: var(--top-height);
  font-family: var(--skischule-fiss-ladis-font-main);
  font-style: normal;
  font-weight: var(--skischule-fiss-ladis-font-weight-main);
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-bodytext);
  letter-spacing: normal;
  color: var(--skischule-fiss-ladis-text);
}

body:not(.bhe-state-editing) .page ::selection {
  color: var(--skischule-fiss-ladis-text-light);
  background-color: var(--skischule-fiss-ladis-color-highlight);
}

body:not(.bhe-state-editing) .page .button ::selection,
body:not(.bhe-state-editing) .page .button::selection,
body:not(.bhe-state-editing) .page .bh-styleclass-linkbutton ::selection,
body:not(.bhe-state-editing) .page .bh-styleclass-linkbutton::selection {
  color: var(--skischule-fiss-ladis-text-light);
  background-color: var(--skischule-fiss-ladis-color-accent);
}

body:not(.bhe-state-editing) .page *:focus-visible {
  outline: var(--skischule-fiss-ladis-border-width-main) var(--skischule-fiss-ladis-border-style-main) var(--skischule-fiss-ladis-color-highlight);
}

body:not(.bhe-state-editing) .page input:focus-visible,
body:not(.bhe-state-editing) .page select:focus-visible,
body:not(.bhe-state-editing) .page textarea:focus-visible {
  outline: 0;
}


/*---------------------------------------------------------------------*/
/*-- editing --*/

.bh-bemode .bhe-content-noteditable {
  transition: var(--skischule-fiss-ladis-transition-main);
}


/*---------------------------------------------------------------------*/
/*-- utility classes --*/

.bh-logo {
  display: flex;
  flex-shrink: 0;
}

.bh-logo svg {
  width: 100%;
  height: auto;
}

.bh-visually-hidden,
.bh-visually-hidden-focusable:not(:focus):not(:active) {
  overflow: hidden;
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

.center {
  margin-right: auto;
  margin-left: auto;
}

.flex {
  display: flex;
}


/*---------------------------------------------------------------------*/
/*-- styling --*/

/*-- text --*/

:where(h1, h2, h3, h4, h5, h6).bh-bodytext,
.bh-bodytext :where(h1, h2, h3, h4, h5, h6),
*:where(.bh-style-text-h1, .bh-style-text-h2, .bh-style-text-h3, .bh-style-text-h4, .bh-style-text-h5, .bh-style-text-h6).bh-bodytext,
.bh-bodytext *:where(.bh-style-text-h1, .bh-style-text-h2, .bh-style-text-h3, .bh-style-text-h4, .bh-style-text-h5, .bh-style-text-h6) {
  margin-top: 0;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  line-height: 1;
  color: var(--skischule-fiss-ladis-text-highlight);
  text-wrap: balance;
}

h1.bh-bodytext,
.bh-bodytext h1,
*.bh-style-text-h1.bh-bodytext,
.bh-bodytext *.bh-style-text-h1 {
  margin-bottom: 0.65em;
  font-size: clamp(3.8rem, 2.066vw + 3.025rem, 6rem);
}

h2.bh-bodytext,
.bh-bodytext h2,
*.bh-style-text-h2.bh-bodytext,
.bh-bodytext *.bh-style-text-h2 {
  margin-bottom: 0.59em;
  font-size: clamp(2.4rem, 0.939vw + 2.048rem, 3.4rem);
  line-height: 1.2;
}

h3.bh-bodytext,
.bh-bodytext h3,
*.bh-style-text-h3.bh-bodytext,
.bh-bodytext *.bh-style-text-h3 {
  margin-bottom: 1.09em;
  font-size: clamp(2rem, 0.188vw + 1.93rem, 2.2rem);
  line-height: 1.27;
}

h4.bh-bodytext,
.bh-bodytext h4,
*.bh-style-text-h4.bh-bodytext,
.bh-bodytext *.bh-style-text-h4 {
  margin-bottom: 0.56em;
  font-size: 1.8rem;
}

.sideinfos h4.bh-bodytext,
.sideinfos .bh-bodytext h4,
.sideinfos *.bh-style-text-h4.bh-bodytext,
.sideinfos .bh-bodytext *.bh-style-text-h4 {
  border-top: var(--skischule-fiss-ladis-border-main);
  padding-top: 1.12em;
}

h5.bh-bodytext,
.bh-bodytext h5,
*.bh-style-text-h5.bh-bodytext,
.bh-bodytext *.bh-style-text-h5 {
  margin-bottom: 1em;
  font-size: 1.6rem;
}

h6.bh-bodytext,
.bh-bodytext h6,
*.bh-style-text-h6.bh-bodytext,
.bh-bodytext *.bh-style-text-h6 {
  margin-bottom: 1.42em;
  font-size: 1.4rem;
}

/* bodytext */

p.bh-bodytext,
.bh-bodytext p,
address.bh-bodytext,
.bh-bodytext address,
pre.bh-bodytext,
.bh-bodytext pre {
  margin-top: 0;
  margin-bottom: var(--skischule-fiss-ladis-bodytext-spacing);
}

address.bh-bodytext,
.bh-bodytext address {
  font-style: normal;
}

strong.bh-bodytext,
.bh-bodytext strong {
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
}

em.bh-bodytext,
.bh-bodytext em {
  font-style: italic;
}

u.bh-bodytext,
.bh-bodytext u,
.bh-bodytext span[style*="underline"] {
  text-underline-offset: 0.2em;
}

/*-- hyperlinks --*/

a.bh-bodytext,
.bh-bodytext a,
.el-cookies-consent-button .bh-cookies-consent-button,
.privatkurs-zeiten,
.newsdetail_text a,
.bhT3 a:not([class]),
.bh-shop-button-back {
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
  color: var(--skischule-fiss-ladis-text-highlight);
  background: linear-gradient(to right, var(--skischule-fiss-ladis-text-highlight), var(--skischule-fiss-ladis-text-highlight)), linear-gradient(to right, var(--skischule-fiss-ladis-text-attention), var(--skischule-fiss-ladis-text-attention));
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  transition: color var(--skischule-fiss-ladis-transition-main),
              background var(--skischule-fiss-ladis-transition-longer);
}

body:not(.bhe-state-editing) a.bh-bodytext:hover,
body:not(.bhe-state-editing) a.bh-bodytext:focus-visible,
body:not(.bhe-state-editing) .bh-bodytext a:hover,
body:not(.bhe-state-editing) .bh-bodytext a:focus-visible,
body:not(.bhe-state-editing) .el-cookies-consent-button .bh-cookies-consent-button:hover,
body:not(.bhe-state-editing) .el-cookies-consent-button .bh-cookies-consent-button:focus-visible,
body:not(.bhe-state-editing) .privatkurs-zeiten:hover,
body:not(.bhe-state-editing) .privatkurs-zeiten:focus-visible,
body:not(.bhe-state-editing) .newsdetail_text a:hover,
body:not(.bhe-state-editing) .newsdetail_text a:focus-visible,
body:not(.bhe-state-editing) .bhT3 a:not([class]):hover,
body:not(.bhe-state-editing) .bhT3 a:not([class]):focus-visible {
  color: var(--skischule-fiss-ladis-text-attention);
  background-size: 0 0.1em, 100% 0.1em;
}

.privatkurs-zeiten {
  display: inline-block;
  margin-left: 0.5em;
}

/*-- button --*/

.button.button,
.bh-styleclass-linkbutton.bh-styleclass-linkbutton,
.bhRoute .cooRouteLocationInput,
.bhRoute .cooRouteSubmit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  isolation: isolate;
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  margin: 0;
  border: 0;
  border-radius: 0.1875em;
  padding: 0.75em 1em;
  min-height: var(--skischule-fiss-ladis-button-min-height);
  font-family: var(--skischule-fiss-ladis-font-main);
  font-style: normal;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  transition: var(--skischule-fiss-ladis-transition-main);
}

.button.button,
.bh-styleclass-linkbutton.bh-styleclass-linkbutton,
body:not(.bhe-state-editing) .button[href]:hover,
body:not(.bhe-state-editing) .button[href]:focus-visible,
body:not(.bhe-state-editing) .bh-styleclass-linkbutton[href]:hover,
body:not(.bhe-state-editing) .bh-styleclass-linkbutton[href]:focus-visible,
.bhRoute .cooRouteSubmit {
  color: var(--skischule-fiss-ladis-text-light);
  background: var(--skischule-fiss-ladis-background-highlight);
}

.button-color-accent .button,
.button-color-accent .bh-styleclass-linkbutton,
body:not(.bhe-state-editing) .button-color-accent .button[href]:hover,
body:not(.bhe-state-editing) .button-color-accent .button[href]:focus-visible,
body:not(.bhe-state-editing) .button-color-accent .bh-styleclass-linkbutton[href]:hover,
body:not(.bhe-state-editing) .button-color-accent .bh-styleclass-linkbutton[href]:focus-visible {
  color: var(--skischule-fiss-ladis-text-light);
  background: var(--skischule-fiss-ladis-background-accent);
}

.button-color-action .button,
.button-color-action .bh-styleclass-linkbutton,
body:not(.bhe-state-editing) .button-color-action .button[href]:hover,
body:not(.bhe-state-editing) .button-color-action .button[href]:focus-visible,
body:not(.bhe-state-editing) .button-color-action .bh-styleclass-linkbutton[href]:hover,
body:not(.bhe-state-editing) .button-color-action .bh-styleclass-linkbutton[href]:focus-visible {
  color: var(--skischule-fiss-ladis-text-light);
  background: var(--skischule-fiss-ladis-background-action);
}

.button-color-neutral .button,
.button-color-neutral .bh-styleclass-linkbutton,
body:not(.bhe-state-editing) .button-color-neutral .button[href]:hover,
body:not(.bhe-state-editing) .button-color-neutral .button[href]:focus-visible,
body:not(.bhe-state-editing) .button-color-neutral .bh-styleclass-linkbutton[href]:hover,
body:not(.bhe-state-editing) .button-color-neutral .bh-styleclass-linkbutton[href]:focus-visible {
  color: var(--skischule-fiss-ladis-text-highlight);
  background-color: var(--skischule-fiss-ladis-background-box);
}

.button-color-light .button,
.button-color-light .bh-styleclass-linkbutton,
body:not(.bhe-state-editing) .button-color-light .button[href]:hover,
body:not(.bhe-state-editing) .button-color-light .button[href]:focus-visible,
body:not(.bhe-state-editing) .button-color-light .bh-styleclass-linkbutton[href]:hover,
body:not(.bhe-state-editing) .button-color-light .bh-styleclass-linkbutton[href]:focus-visible {
  color: var(--skischule-fiss-ladis-text-accent);
  background: var(--skischule-fiss-ladis-background-main);
}

.button.button::before,
.bh-styleclass-linkbutton.bh-styleclass-linkbutton::before,
.top-live-weather::before,
.kurslinkbox-button::before,
.minicart-preview::before,
body[data-scroll="fixed"] .js-anchormenue-item-link-book::before {
  content: "";
  box-sizing: inherit;
  z-index: -1;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: var(--skischule-fiss-ladis-button-hover-overlay);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--skischule-fiss-ladis-transition-main);
}

body:not(.bhe-state-editing) .button[href]:hover::before,
body:not(.bhe-state-editing) .button[href]:focus-visible::before,
body:not(.bhe-state-editing) .bh-styleclass-linkbutton[href]:hover::before,
body:not(.bhe-state-editing) .bh-styleclass-linkbutton[href]:focus-visible::before,
body:not(.bhe-state-editing) .top-live-weather:hover::before,
body:not(.bhe-state-editing) .top-live-weather:focus-visible::before,
body:not(.bhe-state-editing) .video-berta-link[href]:hover .video-berta-button::before,
body:not(.bhe-state-editing) .video-berta-link[href]:focus-visible .video-berta-button::before,
body:not(.bhe-state-editing) .course-finder-link-box[href]:hover .course-finder-link-box-button::before,
body:not(.bhe-state-editing) .course-finder-link-box[href]:focus-visible .course-finder-link-box-button::before,
body:not(.bhe-state-editing) .linkbox-link[href]:hover .linkbox-button::before,
body:not(.bhe-state-editing) .linkbox-link[href]:focus-visible .linkbox-button::before,
body:not(.bhe-state-editing) .bhBox[href]:hover .box-button::before,
body:not(.bhe-state-editing) .bhBox[href]:focus-visible .box-button::before,
body:not(.bhe-state-editing) .kurslinkbox[href]:hover .kurslinkbox-button::before,
body:not(.bhe-state-editing) .kurslinkbox[href]:focus-visible .kurslinkbox-button::before,
body:not(.bhe-state-editing) .kursswiper-item[href] .kursswiper-item-button-more:hover::before,
body:not(.bhe-state-editing) .kursswiper-item[href] .kursswiper-item-button-more:focus-visible::before,
body:not(.bhe-state-editing) .kursswiper-item[href] .kursswiper-item-button-book:hover::before,
body:not(.bhe-state-editing) .kursswiper-item[href] .kursswiper-item-button-book:focus-visible::before,
body:not(.bhe-state-editing) .grouptickets-button:hover::before,
body:not(.bhe-state-editing) .minicart-preview[aria-expanded="true"]::before,
body:not(.bhe-state-editing) .minicart-preview:hover::before,
body:not(.bhe-state-editing) .minicart-preview:focus-visible::before,
body[data-scroll="fixed"]:not(.bhe-state-editing) .js-anchormenue-item-link-book:hover::before,
body[data-scroll="fixed"]:not(.bhe-state-editing) .js-anchormenue-item-link-book:focus-visible::before {
  opacity: 1;
}

.bh-styleclass-linkbutton.bh-styleclass-linkbutton {
  padding-right: 0.625em;
  min-width: 14.4375em;
}

.bh-styleclass-linkbutton::after,
.kurslinkbox-button::after,
.cardswiper-item-heading::after {
  content: "\e906";
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-smaller);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  transition: transform var(--skischule-fiss-ladis-transition-longer);
}

body:not(.bhe-state-editing) .bh-styleclass-linkbutton[href]:hover::after,
body:not(.bhe-state-editing) .bh-styleclass-linkbutton[href]:focus-visible::after,
body:not(.bhe-state-editing) .course-finder-link-box[href]:hover .course-finder-link-box-button::after,
body:not(.bhe-state-editing) .course-finder-link-box[href]:focus-visible .course-finder-link-box-button::after,
body:not(.bhe-state-editing) .linkbox-link[href]:hover .linkbox-button::after,
body:not(.bhe-state-editing) .linkbox-link[href]:focus-visible .linkbox-button::after,
body:not(.bhe-state-editing) .bhBox[href]:hover .box-button::after,
body:not(.bhe-state-editing) .bhBox[href]:focus-visible .box-button::after,
body:not(.bhe-state-editing) .kurslinkbox[href]:hover .kurslinkbox-button::after,
body:not(.bhe-state-editing) .kurslinkbox[href]:focus-visible .kurslinkbox-button::after,
body:not(.bhe-state-editing) .cardswiper-item[href]:hover .cardswiper-item-heading::after,
body:not(.bhe-state-editing) .cardswiper-item[href]:focus-visible .cardswiper-item-heading::after {
  transform: translateX(var(--skischule-fiss-ladis-icon-hover-shift));
}

/*-- lists --*/

ul.bh-bodytext,
.bh-bodytext ul,
.bhLegalNotice .copyrightlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.bh-bodytext,
.bh-bodytext ul {
  margin-bottom: var(--skischule-fiss-ladis-bodytext-spacing);
}

ul.bh-bodytext li,
.bh-bodytext ul li,
.bhLegalNotice .copyrightlist li {
  position: relative;
  padding-left: 1.5625em;
}

ul.bh-bodytext.bh-styleclass-plus-list li,
.bh-bodytext ul.bh-styleclass-plus-list li {
  padding-left: 2.375em;
}

ul.bh-bodytext > li:not(:last-of-type),
.bh-bodytext ul > li:not(:last-of-type),
.bhLegalNotice .copyrightlist > li:not(:last-of-type) {
  padding-bottom: 0.625em;
}

ul.bh-bodytext li::before,
.bh-bodytext ul li::before,
.bhLegalNotice .copyrightlist li::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 0.5625em;
  aspect-ratio: 1 / 1;
  color: var(--skischule-fiss-ladis-text-highlight);
  background-color: currentcolor;
}

ul.bh-bodytext.bh-styleclass-plus-list li::before,
.bh-bodytext ul.bh-styleclass-plus-list li::before {
  content: "\e90f";
  top: 0;
  width: 1em;
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  background: transparent;
}

/*-- style classes --*/

.bh-bodytext .js-has-icon-box {
  display: flex;
  align-items: center;
  gap: clamp(1.2rem, 0.939vw + 0.848rem, 2.2rem);
}

.bh-bodytext .bh-icon-box[class*="bh-font-"] {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 0.2em;
  width: clamp(3.6rem, 1.315vw + 3.107rem, 5rem);
  aspect-ratio: 1 / 1;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  color: var(--skischule-fiss-ladis-text-light);
  background-color: var(--skischule-fiss-ladis-background-highlight);
}

.bh-icon-box-light .bh-bodytext .bh-icon-box[class*="bh-font-"] {
  color: var(--skischule-fiss-ladis-text-accent);
  background-color: var(--skischule-fiss-ladis-background-main);
}

.bh-styleclass-footnote {
  font-size: 1.3rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-bodytext);
}

.bh-styleclass-small,
.bhPicture .picture-description p {
  font-size: 1.4rem;
  line-height: 1.7;
}

.bh-styleclass-large {
  font-size: clamp(1.6rem, 0.469vw + 1.424rem, 2.1rem);
  line-height: 1.55;
}

/* text strikethrough */

.bh-styleclass-strikethrough {
  text-decoration: line-through;
}

/* text transform */

.bh-styleclass-uppercase {
  text-transform: uppercase !important;
}

.bh-styleclass-lowercase {
  text-transform: lowercase !important;
}

/* text colors */

.bh-style-color-white {
  color: var(--skischule-fiss-ladis-white);
}

.bh-style-color-black {
  color: var(--skischule-fiss-ladis-black);
}

.bh-style-color-grey {
  color: var(--skischule-fiss-ladis-grey);
}

.bh-style-color-red {
  color: var(--skischule-fiss-ladis-red);
}

.bh-style-color-yellow {
  color: var(--skischule-fiss-ladis-yellow);
}

/* gallery & video link */

.bh-styleclass-gallerylink.bh-styleclass-gallerylink,
.bh-styleclass-videolink.bh-styleclass-videolink {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.89em;
  margin: 0;
  border: 0;
  padding: 0;
  font-family: var(--skischule-fiss-ladis-font-main);
  font-style: normal;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.8rem;
  line-height: 1.39;
  text-align: left;
  color: var(--skischule-fiss-ladis-text-highlight);
  background: none;
  transition: color var(--skischule-fiss-ladis-transition-main);
}

body:not(.bhe-state-editing) .bh-styleclass-gallerylink,
body:not(.bhe-state-editing) .bh-styleclass-videolink {
  cursor: pointer;
}

.bh-styleclass-gallerylink.bh-styleclass-gallerylink:hover,
.bh-styleclass-gallerylink.bh-styleclass-gallerylink:focus-visible,
.bh-styleclass-videolink.bh-styleclass-videolink:hover,
.bh-styleclass-videolink.bh-styleclass-videolink:focus-visible {
  color: var(--skischule-fiss-ladis-text-attention);
}

.bh-styleclass-gallerylink::before,
.bh-styleclass-videolink::before {
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  transition: transform var(--skischule-fiss-ladis-transition-main);
}

.bh-styleclass-gallerylink::before {
  content: "\e966";
}

.bh-styleclass-videolink::before {
  content: "\e952";
}

.bh-styleclass-gallerylink:hover::before,
.bh-styleclass-gallerylink:focus-visible::before,
.bh-styleclass-videolink:hover::before,
.bh-styleclass-videolink:focus-visible::before {
  transform: translateY(calc(var(--skischule-fiss-ladis-icon-hover-shift) * (-1)));
}

/* label */

.bh-styleclass-label {
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5625em;
  border: 0;
  border-radius: 0.1875em;
  padding: 0.25em 0.75em;
  min-height: var(--skischule-fiss-ladis-label-min-height);
  font-family: var(--skischule-fiss-ladis-font-main);
  font-style: normal;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text-accent);
  background-color: var(--skischule-fiss-ladis-background-main);
}

.bh-styleclass-label [class*="bh-font-"] {
  font-size: var(--skischule-fiss-ladis-icon-size-main);
}



/*---------------------------------------------------------------------*/
/*-- header --*/
/*---------------------------------------------------------------------*/

.page > .header {
  position: relative;
  min-height: var(--header-content-min-height);
}


/*---------------------------------------------------------------------*/
/*-- top --*/

.page > .header > .top {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  border-top: var(--top-border-height) var(--skischule-fiss-ladis-border-style-main) var(--skischule-fiss-ladis-border-color-highlight);
  border-bottom: var(--skischule-fiss-ladis-border-main);
  width: 100%;
  height: var(--top-height);
  background-color: var(--skischule-fiss-ladis-background-main);
  transition: var(--skischule-fiss-ladis-transition-main);
}

body:not(.bhe-state-editing) .page > .header > .top {
  z-index: 97;
}

.bh-bemode .page > .header > .top {
  top: var(--bh-safe-area-inset-top);
}

.top-inner {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  gap: var(--top-spacing-main);
  height: 100%;
}

.top-inner .bh-logo {
  width: var(--top-logo-width);
  height: auto;
}

/*-- nav toggler --*/

.nav-toggler {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 99;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  align-self: center;
  display: grid;
  place-items: center;
  margin: 0;
  border: 0;
  border-right: var(--skischule-fiss-ladis-border-main);
  padding: 0;
  width: var(--nav-toggler-width);
  height: 100%;
  background: transparent;
  cursor: pointer;
}

.nav-toggler::before,
.nav-toggler::after {
  position: absolute;
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  color: var(--skischule-fiss-ladis-text-accent);
  transition: transform var(--skischule-fiss-ladis-transition-main),
              opacity var(--skischule-fiss-ladis-transition-main);
}

.nav-toggler::before {
  content: "\e900";
  transform: rotate(0deg);
  opacity: 1;
}

.nav-toggler::after {
  content: "\e912";
  transform: rotate(-45deg);
  opacity: 0;
}

.nav-toggler[aria-expanded="true"]::before {
  transform: rotate(45deg);
  opacity: 0;
}

.nav-toggler[aria-expanded="true"]::after {
  transform: rotate(0deg);
  opacity: 1;
}

/*-- main nav --*/

.main-nav-inner,
.main-nav-inner > .nav-wrapper,
.main-nav .nav-box-primary {
  height: 100%;
}

.main-nav .nav-box {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.main-nav .nav-item {
  display: flex;
}

.main-nav .nav-item-link {
  display: inline-flex;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text-highlight);
  transition: transform var(--skischule-fiss-ladis-transition-main),
              color var(--skischule-fiss-ladis-transition-main),
              background var(--skischule-fiss-ladis-transition-main),
              opacity var(--skischule-fiss-ladis-transition-main);
}

.main-nav .nav-item-link-icon {
  align-self: center;
  transition: transform var(--skischule-fiss-ladis-transition-main),
              opacity var(--skischule-fiss-ladis-transition-main);
}

.main-nav .nav-item-link:hover .nav-item-link-icon,
.main-nav .nav-item-link:focus-visible .nav-item-link-icon {
  transform: translateY(calc(var(--skischule-fiss-ladis-icon-hover-shift) * (-1)));
}

.main-nav .nav-box-primary {
  gap: var(--top-spacing-mini);
}

.main-nav .nav-item-primary {
  display: flex;
  align-items: center;
}

.main-nav .nav-box-menu {
  text-align: left;
}

.main-nav .nav-item-secondary {
  display: flex;
  flex-direction: column;
  gap: var(--main-nav-gap-main);
}

.main-nav .nav-item-link-secondary,
.main-nav .nav-item-secondary:first-of-type .nav-item-link-subtext-tertiary,
.main-nav .nav-item-secondary:not(:first-of-type) .nav-item-link-tertiary {
  font-weight: var(--skischule-fiss-ladis-font-weight-main);
  font-size: 1.4rem;
  color: var(--skischule-fiss-ladis-text-accent);
}

.main-nav .nav-item-link-secondary {
  align-self: flex-start;
  opacity: 0.6;
}

.main-nav .nav-item-link-secondary:hover,
.main-nav .nav-item-link-secondary:focus-visible {
  opacity: 1;
}

.main-nav .nav-box-tertiary {
  flex-direction: column;
  gap: var(--main-nav-gap-small);
}

.main-nav .nav-item-secondary:first-of-type .nav-box-tertiary {
  gap: var(--main-nav-gap-main);
}

.main-nav .nav-item-secondary:first-of-type .nav-item-link-tertiary {
  flex-direction: column;
}

.main-nav .nav-item-secondary:not(:first-of-type) .nav-item-link-tertiary {
  gap: 1em;
  color: var(--skischule-fiss-ladis-text-dark);
}

.main-nav .nav-item-secondary:not(:first-of-type) .nav-item-tertiary.active .nav-item-link-tertiary,
.main-nav .nav-item-secondary:not(:first-of-type) .nav-item-link-tertiary:hover,
.main-nav .nav-item-secondary:not(:first-of-type) .nav-item-link-tertiary:focus-visible {
  color: var(--skischule-fiss-ladis-text-highlight);
}

.main-nav .nav-item-secondary:first-of-type .nav-item-link-text-tertiary {
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-size: 3rem;
  line-height: 1;
}

.main-nav .nav-item-link-icon-tertiary {
  font-size: 1.14em;
  color: var(--skischule-fiss-ladis-text-accent);
  opacity: 0.5;
}

.main-nav .nav-item-tertiary.active .nav-item-link-icon-tertiary,
.main-nav .nav-item-link-tertiary:hover .nav-item-link-icon-tertiary,
.main-nav .nav-item-link-tertiary:focus-visible .nav-item-link-icon-tertiary {
  color: inherit;
  opacity: 1;
}

.js-nav-back-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.75em;
  margin: 0 0 var(--main-nav-gap-large);
  border: 0;
  padding: 0;
  font-family: var(--skischule-fiss-ladis-color-main);
  font-style: normal;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text-highlight);
  background: transparent;
  cursor: pointer;
}

.js-nav-back-button::before {
  content: "\e905";
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  transition: transform var(--skischule-fiss-ladis-transition-longer);
}

.js-nav-back-button:hover::before,
.js-nav-back-button:focus-visible::before {
  transform: translateX(calc(var(--skischule-fiss-ladis-icon-hover-shift) * (-1)));
}

/*-- interactions --*/

.top-interactions,
.top-tools,
.top-tools-item-wrapper,
.top-booking,
.mobile-nav-tools {
  display: flex;
  align-items: center;
}

.top-interactions,
.top-tools,
.top-tools-item-wrapper,
.top-booking,
.top-booking .minicart-wrapper {
  box-sizing: border-box;
  height: 100%;
}

.top-interactions {
  justify-self: end;
  gap: var(--top-spacing-main);
}

.mobile-nav-interactions {
  margin-top: auto;
  border-top: var(--skischule-fiss-ladis-border-main);
}

.top-booking {
  gap: var(--top-spacing-mini);
}

.top-booking .top-booking-button {
  align-self: center;
  justify-content: center;
  border-radius: 0.3125em 0 0 0.3125em;
  text-align: center;
}

.top-live-weather {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  isolation: isolate;
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0;
  border: 0;
  border-radius: 100vmax;
  padding: 0.6em 1.27em;
  min-width: 5.33em;
  font-family: var(--skischule-fiss-ladis-font-main);
  font-style: normal;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.5rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  text-align: center;
  text-transform: uppercase;
  color: var(--skischule-fiss-ladis-text-light);
  background: var(--skischule-fiss-ladis-background-highlight);
  cursor: pointer;
}

/* tools */

.top-tools,
.top-language-menu .bh-language-menu,
.mobile-nav-tools,
.mobile-language-menu .bh-language-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav-tools {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--website-margin-xsmall);
  margin-bottom: var(--website-margin-xsmall);
}

.top-tools-item-wrapper {
  position: relative;
}

.mobile-nav-tools-item-wrapper {
  flex: 1;
}

.top-tools-item,
.mobile-nav-tools-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: grid;
  place-items: center;
  margin: 0;
  border: 0;
  padding: 0.41em;
  font: inherit;
  font-size: var(--skischule-fiss-ladis-icon-size-smaller);
  color: var(--skischule-fiss-ladis-text-highlight);
  background: transparent;
  cursor: pointer;
}

.mobile-nav-tools-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75em;
  padding: 0.5625em;
  width: 100%;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
}

.mobile-nav-tools-item-icon {
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  transition: transform var(--skischule-fiss-ladis-transition-main);
}

.top-tools-item::before {
  content: "";
  box-sizing: border-box;
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: inherit;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  transition: transform var(--skischule-fiss-ladis-transition-main);
}

.mobile-nav-tools-item:hover .mobile-nav-tools-item-icon,
.mobile-nav-tools-item:focus-visible .mobile-nav-tools-item-icon,
.mobile-nav-tools-item[aria-expanded="true"] .mobile-nav-tools-item-icon,
.top-tools-item:hover::before,
.top-tools-item:focus-visible::before,
.top-tools-item[aria-expanded="true"]::before {
  transform: translateY(calc(var(--skischule-fiss-ladis-icon-hover-shift) * (-1)));
}

.top-tools-item-search::before {
  content: "\e98b";
}

.top-tools-item-contact::before {
  content: "\e93a";
}

.top-tools-item-language::before,
.top-language-menu .bh-language-link::before {
  content: "";
  border: var(--skischule-fiss-ladis-border-width-highlight) var(--skischule-fiss-ladis-border-style-main) var(--skischule-fiss-ladis-border-color-light);
  border-radius: 50%;
  width: 1.14em;
  aspect-ratio: 1 / 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform var(--skischule-fiss-ladis-transition-main),
              border var(--skischule-fiss-ladis-transition-main);
}

[data-activelang="0"] .top-tools-item-language::before,
.top-language-menu .bh-language-link[data-lang-id="0"]::before {
  background-image: url("/fileadmin/images/languages/de.png");
}

[data-activelang="1"] .top-tools-item-language::before,
.top-language-menu .bh-language-link[data-lang-id="1"]::before {
  background-image: url("/fileadmin/images/languages/en.png");
}

[data-activelang="2"] .top-tools-item-language::before,
.top-language-menu .bh-language-link[data-lang-id="2"]::before {
  background-image: url("/fileadmin/images/languages/nl.png");
}

.top-language-menu .bh-language-item.active .bh-language-link::before,
.top-language-menu .bh-language-link:hover::before,
.top-language-menu .bh-language-link:focus::before {
  border-color: var(--skischule-fiss-ladis-yellow);
}

.top-language-menu {
  position: absolute;
  top: calc(100% + var(--top-spacing-popup));
  left: 50%;
  transform: translate(-50%, 10%);
  border-radius: var(--skischule-fiss-ladis-border-radius-larger);
  background-color: var(--skischule-fiss-ladis-background-popup-main);
  -webkit-backdrop-filter: var(--skischule-fiss-ladis-background-popup-blur-main);
          backdrop-filter: var(--skischule-fiss-ladis-background-popup-blur-main);
  box-shadow: var(--top-box-shadow-main);
  pointer-events: none;
  opacity: 0;
  transition: transform var(--skischule-fiss-ladis-transition-main),
              opacity var(--skischule-fiss-ladis-transition-main);
}

.top-tools-item-language[aria-expanded="true"] + .top-language-menu {
  transform: translate(-50%, 0);
  pointer-events: unset;
  opacity: 1;
}

.top-language-menu .bh-language-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.72em;
  padding: var(--top-spacing-popup);
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.4rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text-accent);
  transition: color var(--skischule-fiss-ladis-transition-main);
}

.top-language-menu .bh-language-item:not(:first-of-type) .bh-language-link {
  border-top: var(--skischule-fiss-ladis-border-main);
}

.top-language-menu .bh-language-item.active .bh-language-link,
.top-language-menu .bh-language-link:hover,
.top-language-menu .bh-language-link:focus-visible {
  color: var(--skischule-fiss-ladis-text-attention);
}

.mobile-language-menu .bh-language-menu {
  display: flex;
  border-radius: 100vmax;
  background-color: var(--skischule-fiss-ladis-grey-light);
}

.mobile-language-menu .bh-language-item {
  flex: 1;
  display: flex;
  justify-content: center;
  border-radius: inherit;
}

.mobile-language-menu .bh-language-link {
  box-sizing: border-box;
  border-radius: inherit;
  padding: 0.72em;
  width: 100%;
  font-size: 1.4rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  text-align: center;
  color: var(--skischule-fiss-ladis-text-accent);
  transition: font var(--skischule-fiss-ladis-transition-main);
}

.mobile-language-menu .bh-language-item.active .bh-language-link,
.mobile-language-menu .bh-language-item .bh-language-link:hover,
.mobile-language-menu .bh-language-item .bh-language-link:focus-visible {
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
}

.mobile-language-menu .bh-language-item.active .bh-language-link {
  background-color: var(--skischule-fiss-ladis-background-attention);
}

.top-language-menu .bh-language-not-translated .bh-language-link,
.mobile-language-menu .bh-language-not-translated .bh-language-link {
  cursor: not-allowed;
}


/*---------------------------------------------------------------------*/
/*-- sidebar --*/

.sidebar {
  z-index: 94;
  position: fixed;
  top: calc(var(--top-height) - var(--top-border-height) + var(--top-spacing-popup));
  right: 0;
  transform: translate3d(0, 0, 0);
  display: flex;
  flex-direction: column;
  gap: var(--website-gap-small);
  border-top-left-radius: var(--skischule-fiss-ladis-border-radius-main);
  border-bottom-left-radius: var(--skischule-fiss-ladis-border-radius-main);
  padding-top: var(--website-padding-small);
  padding-bottom: var(--website-padding-small);
  width: var(--sidebar-width);
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.3rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  text-align: center;
  color: var(--skischule-fiss-ladis-text-accent);
  background-color: var(--skischule-fiss-ladis-background-attention);
  box-shadow: 0 0.4rem 2rem rgba(var(--skischule-fiss-ladis-black-rgb), 0.1);
  pointer-events: unset;
  opacity: 1;
  transition: transform var(--skischule-fiss-ladis-transition-longer),
              opacity var(--skischule-fiss-ladis-transition-longer);
}

.bh-bemode .sidebar {
  top: calc(var(--top-height)  - var(--top-border-height) + var(--top-spacing-popup) + var(--bh-safe-area-inset-top));
}

.bhe-state-editing .sidebar:not(:focus-within),
body:not(.below-header) .sidebar:not(:focus-within),
[data-scroll2="wearebelowzero"] .sidebar:not(:focus-within) {
  transform: translate3d(100%, 0, 0);
  pointer-events: none;
  opacity: 0;
}

/*-- weather --*/

.sidebar-live-weather {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: flex;
  margin: 0;
  border: 0;
  padding: 0 0.5rem;
  font: inherit;
  color: inherit;
  background: transparent;
  cursor: pointer;
}

.sidebar-live-weather .js-oberlandwetter-small {
  min-height: 15.3rem; /* prevent layout shift from loading */
}

.sidebar-live-weather .js-oberlandwetter-small.js-loading::before {
  width: 100%;
}

.sidebar-live-weather .weather-img-small {
  transition: transform var(--skischule-fiss-ladis-transition-longer);
}

.sidebar-live-weather:hover .weather-img-small,
.sidebar-live-weather:focus-visible .weather-img-small {
  transform: rotate(-5deg);
}

.sidebar-live-weather .weather-img-small img {
  margin-bottom: var(--website-margin-xsmall);
  width: 100%;
  height: auto;
}

.sidebar-live-weather .temperatur-day {
  margin-bottom: 1.5em;
}

.sidebar-live-weather .temperature-value {
  margin-top: 0.5em;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: 1;
  color: var(--skischule-fiss-ladis-text-light);
}

/*-- livecam --*/

.livecam-link {
  display: flex;
  flex-direction: column;
  margin-left: 0.2rem;
  color: inherit;
}

.livecam-link .livecam-label {
  border-top-left-radius: var(--skischule-fiss-ladis-border-radius-small);
  padding: 0.3em;
  background-color: var(--skischule-fiss-ladis-background-main);
}

.livecam-link .livecam-image {
  isolation: isolate;
  position: relative;
  display: grid;
  place-items: center;
  border-bottom-left-radius: var(--skischule-fiss-ladis-border-radius-small);
  height: 7.2rem;
  background-color: var(--skischule-fiss-ladis-background-accent);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.livecam-link .livecam-image::before {
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  background-color: rgba(var(--skischule-fiss-ladis-black-rgb), 0.1);
}

.livecam-link .livecam-image::after {
  content: "\e90f";
  position: absolute;
  transform: rotate(0deg);
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-smaller);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  color: var(--skischule-fiss-ladis-text-light);
  transition: transform var(--skischule-fiss-ladis-transition-longer);
}

.livecam-link:hover .livecam-image::after,
.livecam-link:focus-visible .livecam-image::after {
  transform: rotate(180deg) scale(1.15);
}

/*-- socials --*/

.sidebar-social-nav .servnavi_box {
  display: flex;
  flex-direction: column;
  gap: var(--website-gap-tiny);
}

.sidebar-social-nav .servnavi_item > a {
  display: grid;
  place-items: center;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  color: inherit;
}

.sidebar-social-nav .servnavi_item > a .bh-navigation-item-icon {
  transition: transform var(--skischule-fiss-ladis-transition-main);
}

.sidebar-social-nav .servnavi_item:nth-of-type(odd) > a:hover .bh-navigation-item-icon,
.sidebar-social-nav .servnavi_item:nth-of-type(odd) > a:focus-visible .bh-navigation-item-icon {
  transform: rotate(-5deg);
}

.sidebar-social-nav .servnavi_item:nth-of-type(even) > a:hover .bh-navigation-item-icon,
.sidebar-social-nav .servnavi_item:nth-of-type(even) > a:focus-visible .bh-navigation-item-icon {
  transform: rotate(5deg);
}

.sidebar-social-nav .servnavi_item > a .bh-navigation-item-text {
  /* hide text */
  font-size: 0.001px;
  letter-spacing: -1px;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}



/*---------------------------------------------------------------------*/
/*-- mobile bar --*/
/*---------------------------------------------------------------------*/

.mobile-bar {
  box-sizing: border-box;
  z-index: 99;
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: var(--skischule-fiss-ladis-border-main);
  padding-bottom: calc(0px + env(safe-area-inset-bottom, 10px));
  width: 100%;
  color: var(--skischule-fiss-ladis-text-accent);
  background-color: var(--skischule-fiss-ladis-background-main);
  transition: padding var(--skischule-fiss-ladis-transition-main);
}

.mobile-bar-inner {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--mobile-bar-padding);
  height: var(--mobile-bar-height);
}

.mobile-bar-inner .mobile-bar-item {
  position: relative;
  flex-basis: 25%;
  display: grid;
  justify-items: center;
  gap: 0.5em;
  color: inherit;
  cursor: pointer;
}

.mobile-bar-inner .mobile-bar-item-cart {
  height: 100%;
}

.mobile-bar-inner .mobile-bar-item-icon {
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  transition: transform var(--skischule-fiss-ladis-transition-main),
              color var(--skischule-fiss-ladis-transition-main);
}

.mobile-bar-inner .mobile-bar-item.js-anchormenue-item-link.js-active[data-anchorid] .mobile-bar-item-icon,
.mobile-bar-inner .mobile-bar-item[href]:hover .mobile-bar-item-icon,
.mobile-bar-inner .mobile-bar-item[href]:focus-visible .mobile-bar-item-icon {
  transform: translateY(calc(var(--skischule-fiss-ladis-icon-hover-shift) * (-1)));
}

.mobile-bar-inner .mobile-bar-item.js-anchormenue-item-link.js-active[data-anchorid] .mobile-bar-item-icon {
  color: var(--skischule-fiss-ladis-text-highlight);
}

.mobile-bar-inner .mobile-bar-item-text {
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.2rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  text-align: center;
  white-space: nowrap;
  transition: color var(--skischule-fiss-ladis-transition-main);
}

.mobile-bar-inner .mobile-bar-item-cart .mobile-bar-item-text {
  z-index: 1;
  position: relative;
  bottom: 0.3em;
  align-self: end;
  pointer-events: none;
}

.mobile-bar-inner .mobile-bar-item.js-anchormenue-item-link.js-active[data-anchorid]:hover .mobile-bar-item-text,
.mobile-bar-inner .mobile-bar-item.js-anchormenue-item-link.js-active[data-anchorid]:focus-visible .mobile-bar-item-text {
  color: var(--skischule-fiss-ladis-text-highlight);
}



/*---------------------------------------------------------------------*/
/*-- main --*/
/*---------------------------------------------------------------------*/

.page > .main {
  z-index: 10;
  position: relative;
  margin-top: calc(var(--main-header-shift) * (-1));
}

.main-inner {
  box-sizing: border-box;
  position: relative;
  display: grid;
  gap: var(--website-margin-normal);
  padding-bottom: var(--footer-slope-height);
  min-height: calc(var(--main-shadow-height) + var(--website-margin-section));
  background-color: var(--skischule-fiss-ladis-background-main);
}

.main-inner > * {
  min-width: 0px; /* make overflow (e.g., for tables) work in grid layout (with fr units) */
}


/*---------------------------------------------------------------------*/
/*-- fullscreen gallery --*/

.fullscreen-gallery-wrapper {
  margin-top: var(--website-margin-normal);
  border-radius: var(--skischule-fiss-ladis-border-radius-large);
  padding: var(--website-padding-normal);
  text-align: center;
  background-color: var(--skischule-fiss-ladis-background-box);
}

.bh-femode .fullscreen-gallery-wrapper {
  display: none;
}

.fullscreen-gallery-text {
  margin-bottom: 1.25em;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
}

.fullscreen-gallery-wrapper > .fullscreen-gallery-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
  gap: var(--website-gap-small);
  width: 100%;
}



/*---------------------------------------------------------------------*/
/*-- footer --*/
/*---------------------------------------------------------------------*/

.page > .footer {
  z-index: 20;
  position: relative;
}


/*---------------------------------------------------------------------*/
/*-- main --*/

.footer-main {
  position: relative;
  padding-top: var(--footer-slope-height);
  padding-bottom: var(--website-padding-small);
  background-color: var(--skischule-fiss-ladis-background-accent);
}

.footer-main::before {
  content: "";
  position: absolute;
  top: -2px; /* prevents rendering issues on zoom */
  left: 0;
  width: 100%;
  height: 4.4vw;
  background-color: var(--skischule-fiss-ladis-background-main);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4vw), 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4vw), 0 100%);
}

/*-- skiing berta (animation) --*/

.footer-skiing-berta {
  --skiing-berta-transition-duration: 9s;
  position: absolute;
  top: -10rem;
  left: 100%;
  display: flex;
  transition-property: top, left, transform;
  transition-duration: var(--skiing-berta-transition-duration);
  transition-timing-function: linear;
}

.footer-skiing-berta[data-bh-inview="true"] {
  top: -1rem;
  left: -16rem;
}

.footer-skiing-berta:focus-visible {
  top: -5rem;
  left: 50%;
}

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

  .footer-skiing-berta {
    --skiing-berta-transition-duration: 7s;
  }

}

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

  .footer-skiing-berta {
    --skiing-berta-transition-duration: 5s;
  }

}

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

  .footer-skiing-berta {
    --skiing-berta-transition-duration: 4s;
    left: 90%;
    transform: scale(0.8);
  }

}

.footer-skiing-berta-inner {
  position: relative;
  width: 14.9rem;
  height: 14.2rem;
}

.footer-skiing-berta-head,
.footer-skiing-berta-scarf,
.footer-skiing-berta-righthand,
.footer-skiing-berta-bodywithski,
.footer-skiing-berta-tail,
.footer-skiing-berta-lefthand {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-skiing-berta-head {
  z-index: 6;
  top: 0;
  left: 2rem;
  width: 6.4rem;
  height: 5.9rem;
  background-image: url("/fileadmin/images/footer/animated-berta/head.png");
  transform: rotate(0deg);
  transform-origin: center bottom;
  animation: moving-head 1s infinite;
}

@keyframes moving-head {
  0% { top: 0; transform: rotate(0deg); }
  50% { top: 0.2rem; transform: rotate(-7deg); }
  100% { top: 0; transform: rotate(0deg); }
}

.footer-skiing-berta-scarf {
  z-index: 5;
  top: 1.3rem;
  left: 4.3rem;
  width: 6.2rem;
  height: 5rem;
  background-image: url("/fileadmin/images/footer/animated-berta/scarf.png");
  transform-origin: left bottom;
  animation: moving-scarf 1s infinite;
}

@keyframes moving-scarf {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(3deg) }
  100% { transform: rotate(0deg) }
}

.footer-skiing-berta-righthand {
  z-index: 4;
  top: 4.2rem;
  left: 5.8rem;
  width: 9.1rem;
  height: 5.3rem;
  background-image: url("/fileadmin/images/footer/animated-berta/righthand.png");
  transform-origin: 1.6rem 1.2rem;
  animation: moving-righthand 1s infinite;
}

@keyframes moving-righthand {
  0% { left: 5.8rem; transform: rotate(0deg); }
  50% { left: 6rem; transform: rotate(10deg); }
  100% { left: 5.8rem; transform: rotate(0deg); }
}

.footer-skiing-berta-tail {
  z-index: 2;
  top: 7.1rem;
  left: 9.1rem;
  width: 4.7rem;
  height: 2.5rem;
  background-image: url("/fileadmin/images/footer/animated-berta/tail.png");
  transform-origin: 0.3rem 1.7rem;
  animation: moving-tail 0.75s infinite;
}

@keyframes moving-tail {
  0% { top: 7.1rem; transform: rotate(0deg); }
  50% { top: 7.3rem; transform: rotate(12deg); }
  100% { top: 7.1rem; transform: rotate(0deg); }
}

.footer-skiing-berta-lefthand {
  z-index: 1;
  top: 5.2rem;
  left: 1.1rem;
  width: 9.8rem;
  height: 5.8rem;
  background-image: url("/fileadmin/images/footer/animated-berta/lefthand.png");
  transform-origin: 4.5rem 0.7rem;
  animation: moving-lefthand 1s 0.5s infinite;
}

@keyframes moving-lefthand {
  0% { left: 1.1rem; transform: rotate(0deg); }
  50% { left: 1.3rem; transform: rotate(10deg); }
  100% { left: 1.1rem; transform: rotate(0deg); }
}

.footer-skiing-berta-bodywithski {
  z-index: 3;
  top: 2.5rem;
  left: 0;
  width: 11.8rem;
  height: 11.7rem;
  background-image: url("/fileadmin/images/footer/animated-berta/bodywithski.png");
  transform-origin: center;
  animation: moving-bodywithski 1s infinite;
}

@keyframes moving-bodywithski {
  0% { top: 2.5rem; transform: rotate(0deg) }
  50% { top: 2.7rem; transform: rotate(5deg) }
  100% { top: 2.5rem; transform: rotate(0deg) }
}

/*-- infos --*/

.footer-infos {
  display: flex;
  justify-content: space-between;
  gap: var(--footer-main-spacing);
}

.footer-infos-left,
.footer-infos-right {
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  color: var(--skischule-fiss-ladis-text-light);
}

.footer-infos-left a {
  color: inherit;
  background: transparent;
}

.footer-infos-right {
  display: flex;
  flex-direction: column;
}

.footer .footer-infos .footer-infos-heading {
  margin-bottom: 0.75em;
  font-size: 2rem;
  text-transform: uppercase;
  color: var(--skischule-fiss-ladis-text-attention);
}

.footer-infos-left {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.footer-infos-left .footer-contact {
  margin-bottom: 0;
  padding-right: var(--footer-main-spacing);
}

.footer-contact > .footer-contact-content {
  padding-top: 0.5em; /* equal to the padding-top of .footer-info-nav .servnavi_box > .servnavi_item > a */
}

.footer-info-nav {
  position: relative;
  padding-left: var(--footer-main-spacing);
}

.footer-info-nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--skischule-fiss-ladis-border-width-main);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}

.footer-info-nav .servnavi_box > .servnavi_item > a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.4375em;
  padding: 0.6875em 0;
  transition: color var(--skischule-fiss-ladis-transition-main);
}

.footer-info-nav .servnavi_box > .servnavi_item > a:hover,
.footer-info-nav .servnavi_box > .servnavi_item > a:focus-visible {
  color: var(--skischule-fiss-ladis-text-attention);
}

.footer-info-nav .servnavi_box > .servnavi_item > a > .bh-navigation-item-icon {
  display: grid;
  place-items: center;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  transition: transform var(--skischule-fiss-ladis-transition-main);
}

.footer-info-nav .servnavi_box > .servnavi_item > a:hover > .bh-navigation-item-icon,
.footer-info-nav .servnavi_box > .servnavi_item > a:focus-visible > .bh-navigation-item-icon {
  transform: translateY(calc(var(--skischule-fiss-ladis-icon-hover-shift) * (-1)));
}

.footer-infos-heading-icon {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 0.9em;
}

.footer-infos-heading-icon::before {
  content: "\e98b";
  display: grid;
  place-items: center;
  border-radius: 0.3125em;
  width: 2.125em;
  aspect-ratio: 1 / 1;
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-small);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  color: var(--skischule-fiss-ladis-text-light);
  background-color: var(--skischule-fiss-ladis-text-attention);
}

.course-finder-link-box {
  box-sizing: border-box;
  overflow: hidden;
  isolation: isolate;
  position: relative;
  display: grid;
  grid-template-columns: 1fr var(--course-finder-link-box-icon-width);
  grid-template-rows: 1fr auto;
  column-gap: calc(var(--course-finder-link-box-icon-width) * 0.5);
  border-radius: var(--skischule-fiss-ladis-border-radius-main);
  padding: var(--website-padding-normal) var(--website-padding-normal) var(--website-padding-small);
  max-width: 38.8rem;
  color: var(--skischule-fiss-ladis-text-light);
}

.course-finder-link-box::before,
.course-finder-link-box::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform var(--skischule-fiss-ladis-transition-long),
              opacity var(--skischule-fiss-ladis-transition-long);
}

.course-finder-link-box::before {
  background-image: url("/fileadmin/images/footer/kursfinder.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.course-finder-link-box::after {
  background-color: var(--skischule-fiss-ladis-image-hover-overlay);
  opacity: 0;
}

body:not(.bhe-state-editing) .course-finder-link-box:hover::before,
body:not(.bhe-state-editing) .course-finder-link-box:focus-visible::before {
  transform: var(--skischule-fiss-ladis-image-hover-scale);
}

body:not(.bhe-state-editing) .course-finder-link-box:hover::after,
body:not(.bhe-state-editing) .course-finder-link-box:focus-visible::after {
  opacity: 1;
}

.course-finder-link-box-title {
  margin-bottom: 1.42em;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-size: 2.4rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  text-transform: uppercase;
  text-wrap: balance;
}

.course-finder-link-box-icon {
  width: var(--course-finder-link-box-icon-width);
  aspect-ratio: 35 / 34;
  background-image: url("/fileadmin/images/logo-notext.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.course-finder-link-box-button.button {
  min-width: unset;
  text-transform: uppercase;
}

/*-- logo links --*/

.footer-main-logo-links {
  margin-top: var(--website-margin-xsmall);
}

.footer-main-logo-links .servnavi_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--website-gap-tiny);
}

.footer-main-logo-links .servnavi_box > .servnavi_item > a {
  width: 7.5rem;
  height: 5.5rem;
}

.footer-main-logo-links .servnavi_box > .servnavi_item:nth-of-type(4) > a {
  width: 9rem;
  height: 7.2rem;
}

.footer-main-logo-links .servnavi_box > .servnavi_item > a > .servnavi_item_image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


/*---------------------------------------------------------------------*/
/*-- bottom (service) --*/

.footer-bottom {
  padding-top: clamp(1.8rem, 1.549vw + 1.219rem, 3.45rem);
  padding-bottom: clamp(1.8rem, 0.939vw + 1.448rem, 2.8rem);
  transition: padding var(--skischule-fiss-ladis-transition-main);
}

.footer-bottom-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--website-gap-normal);
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: clamp(1.3rem, 0.094vw + 1.265rem, 1.4rem);
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text-dimmed);
}

.footer-bottom-inner .servnavi_box {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(2.1rem, 0.376vw + 1.959rem, 2.5rem);
  row-gap: clamp(1rem, 0.188vw + 0.93rem, 1.2rem);
}

.footer-bottom-inner .servnavi_item a {
  color: inherit;
  transition: color var(--skischule-fiss-ladis-transition-main);
}

.footer-bottom-inner .servnavi_item a:hover,
.footer-bottom-inner .servnavi_item a:focus-visible {
  color: var(--skischule-fiss-ladis-text-accent);
}

.footer-bottom-inner .footer-copyright {
  flex-shrink: 0;
  margin: 0;
}



/*---------------------------------------------------------------------*/
/*-- overlays (contact & weather) --*/
/*---------------------------------------------------------------------*/

.overlay {
  overflow: hidden;
  z-index: 98;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  padding-top: var(--top-height);
  width: 100%;
  color: var(--skischule-fiss-ladis-white);
  background-color: rgba(var(--skischule-fiss-ladis-grey-rgb), 0.96);
  transition: left 0.3s ease-in;
}

.bh-bemode .overlay {
  padding-top: calc(var(--top-height) + 50px);
}

.overlay h4 {
  margin-bottom: 20px;
  text-align: left;
  color: var(--skischule-fiss-ladis-white) !important;
}



/*---------------------------------------------------------------------*/
/*-- search (popup) --*/
/*---------------------------------------------------------------------*/

.bh-search-wrapper {
  box-sizing: border-box;
  z-index: 98;
  position: fixed;
  top: var(--top-height);
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: start;
  padding-top: var(--top-spacing-popup);
  padding-bottom: var(--top-spacing-popup);
  width: 100%;
  max-width: var(--website-width-full-hd);
  pointer-events: none;
  opacity: 0;
  transition: top var(--skischule-fiss-ladis-transition-main),
              bottom var(--skischule-fiss-ladis-transition-main),
              opacity var(--skischule-fiss-ladis-transition-longer) calc(var(--skischule-fiss-ladis-transition-duration-longer) * 0.5);
}

.bh-bemode .bh-search-wrapper {
  top: calc(var(--bh-safe-area-inset-top) + var(--top-height));
}

.js-search-popup-open .bh-search-wrapper {
  pointer-events: unset;
  opacity: 1;
  transition: top var(--skischule-fiss-ladis-transition-main),
              bottom var(--skischule-fiss-ladis-transition-main),
              opacity var(--skischule-fiss-ladis-transition-longer);
}

.bh-search-inner {
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr;
  border-radius: var(--skischule-fiss-ladis-border-radius-large);
  padding-right: var(--search-popup-spacing-main);
  padding-left: var(--search-popup-spacing-main);
  width: 100%;
  height: min(100%, 700px);
  color: var(--skischule-fiss-ladis-text-accent);
  background-color: var(--skischule-fiss-ladis-background-popup-main);
  box-shadow: 0 0 2rem rgba(var(--skischule-fiss-ladis-black-rgb), 0.3);
  -webkit-backdrop-filter: var(--skischule-fiss-ladis-background-popup-blur-main);
          backdrop-filter: var(--skischule-fiss-ladis-background-popup-blur-main);
  transition: top var(--skischule-fiss-ladis-transition-main);
  animation: search-popup-bounce-out var(--skischule-fiss-ladis-transition-duration-longer) var(--skischule-fiss-ladis-transition-timing-function-longer) 1 forwards;
}

.js-search-popup-open .bh-search-inner {
  animation: search-popup-bounce-in var(--skischule-fiss-ladis-transition-duration-longer) var(--skischule-fiss-ladis-transition-timing-function-longer) 1 forwards;
}

@keyframes search-popup-bounce-in {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  60% {
    transform: translate3d(0, 15%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes search-popup-bounce-out {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 15%, 0);
  }
  100% {
    transform: translate3d(0, -100%, 0);
  }
}


/*---------------------------------------------------------------------*/
/*-- header --*/

.bh-search-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--search-popup-spacing-small);
  padding-top: var(--search-popup-spacing-small);
  padding-bottom: var(--search-popup-spacing-small);
}

.bh-search-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(var(--search-popup-spacing-main) * (-1));
  width: calc(100% + var(--search-popup-spacing-main) * 2);
  border-bottom: var(--skischule-fiss-ladis-border-main);
}

.bh-search-header .bh-search-heading {
  margin: 0;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: clamp(2rem, 0.188vw + 1.93rem, 2.2rem);
  line-height: 1.27;
  color: inherit;
}

.close-search-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  border: 0;
  padding: 0;
  width: 1em;
  aspect-ratio: 1 / 1;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  color: var(--skischule-fiss-ladis-text-highlight);
  background: none;
  cursor: pointer;
}

.close-search-button::before {
  content: "\e912";
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: inherit;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  transition: transform var(--skischule-fiss-ladis-transition-longer);
}

.close-search-button:hover::before,
.close-search-button:focus-visible::before {
  transform: rotate(-180deg);
}


/*---------------------------------------------------------------------*/
/*-- content --*/

.bh-search-wrapper-input {
  position: relative;
  margin-top: var(--website-margin-small);
  margin-bottom: var(--website-margin-small);
}

.bh-search-wrapper-input::before {
  content: "\e98b";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-smaller);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  transition: margin var(--skischule-fiss-ladis-transition-main);
}

.bh-search-wrapper-input:focus-within::before {
  margin-top: calc(var(--skischule-fiss-ladis-icon-hover-shift) * (-1));
}

.bh-search-query {
  -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
  box-sizing: border-box;
  display: flex;
  margin: 0;
  border: 0;
  border-bottom: var(--skischule-fiss-ladis-border-accent);
  border-radius: 0;
  padding: 0.375em 0.626em 0.375em calc(0.626em + var(--skischule-fiss-ladis-icon-size-smaller)); /* for padding-left note font-size of .bh-search-wrapper-input::before */
  width: 100%;
  font: inherit;
  font-size: 1.6rem;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  color: inherit;
  background: transparent;
}

.bh-search-query:focus-visible {
  outline: 0 !important;
}

/*-- result --*/

.bh-search-wrapper-result {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-bottom: var(--search-popup-spacing-small);
}

.bh-search-result {
  display: grid; /* fixes ellipsis of .bh-search-result-url */
  margin-bottom: var(--website-gap-tiny);
  border-bottom: var(--skischule-fiss-ladis-border-main);
  padding-bottom: var(--website-gap-tiny);
  color: inherit;
}

.bh-search-result.bh-search-result-loading {
  border: 0;
  min-height: unset;
}

.bh-search-result.bh-search-result-loading .bh-search-result-loading-bar {
  background: var(--skischule-fiss-ladis-background-accent);
}

.bh-search-result-title {
  margin-bottom: 0.3em;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.4rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text-highlight);
  transition: color var(--skischule-fiss-ladis-transition-main);
}

.bh-search-result[href]:hover .bh-search-result-title,
.bh-search-result[href]:focus-visible .bh-search-result-title {
  color: var(--skischule-fiss-ladis-text-attention);
}

.bh-search-result-url {
  overflow: hidden;
  margin-bottom: 0.5em;
  font-size: 1.2rem;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.6;
  transition: opacity var(--skischule-fiss-ladis-transition-main);
}

.bh-search-result[href]:hover .bh-search-result-url,
.bh-search-result[href]:focus-visible .bh-search-result-url {
  opacity: 1;
}

.bh-search-result-context {
  font-size: 1.2rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-bodytext);
  color: var(--skischule-fiss-ladis-text);
}



/*---------------------------------------------------------------------*/
/*-- weather (popoup) --*/
/*---------------------------------------------------------------------*/

.js-weather-popup-open {
  overflow: hidden;
  overscroll-behavior: contain;
  max-height: 100vh;
}

.weather-popup {
  box-sizing: border-box;
  z-index: 98;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translate3d(100%, 0, 0);
  display: flex;
  flex-direction: column;
  gap: var(--website-gap-small);
  padding-top: min(12vh, calc(var(--top-height) + var(--top-spacing-popup)));
  padding-bottom: var(--website-gutter-secondary);
  width: 100%;
  color: var(--skischule-fiss-ladis-text-accent);
  background-color: var(--skischule-fiss-ladis-background-popup-main);
  -webkit-backdrop-filter: var(--skischule-fiss-ladis-background-popup-blur-main);
          backdrop-filter: var(--skischule-fiss-ladis-background-popup-blur-main);
  pointer-events: none;
  opacity: 0;
  transition: transform var(--skischule-fiss-ladis-transition-longer) calc(var(--skischule-fiss-ladis-transition-duration-longer) * 0.5),
              padding var(--skischule-fiss-ladis-transition-main),
              opacity var(--skischule-fiss-ladis-transition-longer) calc(var(--skischule-fiss-ladis-transition-duration-longer) * 0.5);
}

.bh-bemode .weather-popup {
  top: var(--bh-safe-area-inset-top);
}

.js-weather-popup-open .weather-popup {
  transform: translate3d(0, 0, 0);
  pointer-events: unset;
  opacity: 1;
  transition: transform var(--skischule-fiss-ladis-transition-longer),
              padding var(--skischule-fiss-ladis-transition-main),
              opacity var(--skischule-fiss-ladis-transition-longer);
}

.weather-popup-inner {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  height: 100%;
  animation: weather-popup-bounce-out var(--skischule-fiss-ladis-transition-duration-longer) var(--skischule-fiss-ladis-transition-timing-function-longer) 1 forwards;
}

.js-weather-popup-open .weather-popup-inner {
  animation: weather-popup-bounce-in var(--skischule-fiss-ladis-transition-duration-longer) var(--skischule-fiss-ladis-transition-timing-function-longer) calc(var(--skischule-fiss-ladis-transition-duration-longer) * 0.5) 1 forwards;
}

@keyframes weather-popup-bounce-in {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(-8%, 0, 0);
  }
}

@keyframes weather-popup-bounce-out {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(-8%, 0, 0);
  }
}

.weather-detail-heading {
  margin: 0 0 0.9em;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: clamp(2rem, 0.188vw + 1.93rem, 2.2rem);
  line-height: 1.27;
  color: inherit;
}

.weather-detail-mobile .weather-detail-heading {
  text-align: center;
}

.weather-detail-livecam {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--website-gap-tiny);
  margin-top: var(--website-margin-small);
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 3rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  text-align: center;
  color: inherit;
}

.weather-detail-livecam .livecam-image {
  border-radius: var(--skischule-fiss-ladis-border-radius-larger);
  width: 100%;
  aspect-ratio: 16 / 9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0.4rem 0.4rem rgba(var(--skischule-fiss-ladis-black-rgb), 0.25);
}


/*---------------------------------------------------------------------*/
/*-- close weather --*/

.close-weather-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  align-self: flex-end;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  border: 0;
  padding: 0;
  width: 1em;
  aspect-ratio: 1 / 1;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  color: inherit;
  background: transparent;
  cursor: pointer;
}

.close-weather-button::before {
  content: "\e912";
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: inherit;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  transition: transform var(--skischule-fiss-ladis-transition-longer);
}

.close-weather-button:hover::before,
.close-weather-button:focus-visible::before {
  transform: rotate(180deg);
}


/*---------------------------------------------------------------------*/
/*-- oberlandwetter --*/

.js-oberlandwetter,
.js-oberlandwetter-small {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
}

.js-oberlandwetter.js-loading::before,
.js-oberlandwetter-small.js-loading::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: top left;
  display: block;
  border: 3px solid var(--skischule-fiss-ladis-color-accent);
  border-bottom-color: var(--skischule-fiss-ladis-color-highlight);
  border-radius: 50%;
  width: 5rem;
  aspect-ratio: 1 / 1;
  animation: weather-loader-rotation 1s linear infinite;
}

@keyframes weather-loader-rotation {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}

.js-oberlandwetter {
  display: grid;
  grid-template-columns: 1fr repeat(5, 2fr);
  row-gap: var(--website-gap-small);
}

.weather-detail-desktop .js-oberlandwetter {
  min-height: 45.2rem; /* prevent layout shift from loading */
}

.js-oberlandwetter .day {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}

.js-oberlandwetter .day.label {
  align-items: flex-end;
}

.js-oberlandwetter .day > * {
  box-sizing: border-box;
  padding: var(--website-padding-tiny);
}

.js-oberlandwetter .day.label .tag,
.js-oberlandwetter .day.label .labelBild {
  display: none;
}

.js-oberlandwetter .day:not(.label) .temperatur,
.js-oberlandwetter .day:not(.label) .niederschlag,
.js-oberlandwetter .day:not(.label) .sonnenstunden,
.js-oberlandwetter .day:not(.label) .nullgradgrenze {
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
}

.js-oberlandwetter .day:not(.label) img {
  width: 100%;
  max-width: 8rem;
  height: auto;
  border-radius: var(--skischule-fiss-ladis-border-radius-larger);
  background-color: var(--skischule-fiss-ladis-background-accent);
}

.js-oberlandwetter .description {
  grid-column: span 6;
  font-size: 1.4rem;
}

/*-- oberlandwetter mobile --*/

.weather-detail-mobile .js-oberlandwetter-small {
  min-height: 20.7rem; /* prevent layout shift from loading */
}

.weather-detail-mobile .weather-img-small {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: var(--skischule-fiss-ladis-border-radius-larger);
  padding: 2rem;
  width: 100%;
  max-width: 12rem;
  aspect-ratio: 1 / 1;
  background-color: var(--skischule-fiss-ladis-background-accent);
}

.weather-detail-mobile .js-oberlandwetter-small img {
  width: 100%;
  height: auto;
}

.weather-detail-mobile .day {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 2rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  text-align: center;
}

.weather-detail-mobile .temperature-value {
  font-size: 2rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-bodytext);
  color: var(--skischule-fiss-ladis-text-attention);
}

.weather-detail-mobile .day > * {
  flex: 1;
  padding: var(--website-gap-small);
  border-bottom: var(--skischule-fiss-ladis-border-main);
}

.weather-detail-mobile .day > *:not(:last-child) {
  border-right: var(--skischule-fiss-ladis-border-main);
}



/*---------------------------------------------------------------------*/
/*-- media queries (responsive) --*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*-- large width (> 990px) --*/

@media only screen and (min-width: 1200px) {

  .top-booking .top-booking-button {
    min-width: 6.375em;
  }

}


@media only screen and (min-width: 1025px) {

  .nav-toggler,
  .top-live-weather,
  .js-nav-back-button,
  .mobile-nav-interactions,
  .mobile-bar,
  .weather-detail-mobile {
    display: none;
  }

  .main-nav .nav-box-primary {
    justify-content: center;
  }

  .main-nav .nav-item-primary {
    justify-content: center;
    text-align: center;
  }

  .main-nav .nav-item-link-primary {
    border-radius: 0.375em;
    padding: 0.875em clamp(1rem, 2.404vw + -1.462rem, 2rem);
    white-space: nowrap;
  }

  .main-nav .nav-item-primary.active .nav-item-link-primary {
    background-color: var(--skischule-fiss-ladis-background-box);
  }

  .main-nav .nav-item-primary .nav-item-link-primary[aria-expanded="true"],
  .main-nav .nav-item-primary .nav-item-link-primary:hover,
  .main-nav .nav-item-primary .nav-item-link-primary:focus-visible {
    color: var(--skischule-fiss-ladis-text-light);
    background-color: var(--skischule-fiss-ladis-background-highlight);
  }

  .main-nav .nav-box-menu-wrapper {
    box-sizing: border-box;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: calc(var(--top-height) + var(--top-spacing-popup));
    padding-bottom: var(--top-spacing-popup);
    width: 100%;
    max-width: var(--website-width-full-hd);
    pointer-events: none;
    opacity: 0;
    transition: padding var(--skischule-fiss-ladis-transition-main),
                opacity var(--skischule-fiss-ladis-transition-longer);
  }

  .bh-bemode .main-nav .nav-box-menu-wrapper {
    padding-top: calc(var(--top-height) + var(--top-spacing-popup) + var(--bh-safe-area-inset-top));
  }

  .main-nav .nav-item-primary.js-open .nav-box-menu-wrapper {
    pointer-events: unset;
    opacity: 1;
  }

  .main-nav .nav-box-menu {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    border-radius: var(--skischule-fiss-ladis-border-radius-large);
    max-height: 100%;
    background-color: var(--skischule-fiss-ladis-background-popup-main);
    -webkit-backdrop-filter: var(--skischule-fiss-ladis-background-popup-blur-main);
            backdrop-filter: var(--skischule-fiss-ladis-background-popup-blur-main);
    box-shadow: var(--top-box-shadow-main);
    transform: translateY(10%);
    transition: transform var(--skischule-fiss-ladis-transition-longer);
  }

  .main-nav .nav-item-primary.js-open .nav-box-menu {
    transform: translateY(0);
  }

  .main-nav .nav-box-secondary {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    column-gap: var(--main-nav-padding-main);
    padding: var(--main-nav-padding-main) 0 var(--main-nav-padding-main) var(--main-nav-padding-main);
  }

  .main-nav .nav-item-secondary:last-of-type,
  .main-nav .nav-item-secondary:first-of-type:not(:last-of-type) {
    padding-right: var(--main-nav-padding-main);
  }

  .main-nav .nav-item-secondary:nth-of-type(n+3):nth-of-type(odd) {
    padding-top: calc(var(--main-nav-gap-main) * 2);
  }

  .main-nav .nav-item-secondary:first-of-type {
    position: relative;
    grid-column: 1 / span 1;
    grid-row: 1 / span 2;
    min-width: 29.2rem;
  }

  .main-nav .nav-item-secondary:first-of-type::before {
    content: "";
    position: absolute;
    top: calc(var(--main-nav-padding-main) * (-1));
    left: calc(var(--main-nav-padding-main) * (-1));
    width: calc(100% + var(--main-nav-padding-main));
    height: calc(100% + var(--main-nav-padding-main) * 2);
    background-color: rgba(var(--skischule-fiss-ladis-background-main-rgb), 1);
    pointer-events: none;
  }

  .main-nav .nav-item-secondary:first-of-type::after {
    content: "";
    position: absolute;
    top: calc(var(--main-nav-padding-main) * (-1));
    right: -1px;
    height: calc(100% + var(--main-nav-padding-main) * 2);
    border-right: var(--skischule-fiss-ladis-border-light);
  }

  .main-nav .nav-item-secondary:first-of-type .nav-item-tertiary.active .nav-item-link-tertiary,
  .main-nav .nav-item-secondary:first-of-type .nav-item-link-tertiary:hover,
  .main-nav .nav-item-secondary:first-of-type .nav-item-link-tertiary:focus-visible {
    transform: translateX(var(--main-nav-item-link-hover-shift));
  }

  .main-nav .nav-item-secondary:first-of-type .nav-item-link-tertiary::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 0;
    height: 100%;
    transition: width var(--skischule-fiss-ladis-transition-main);
  }

  .main-nav .nav-item-secondary:first-of-type .nav-item-tertiary.active .nav-item-link-tertiary::before,
  .main-nav .nav-item-secondary:first-of-type .nav-item-link-tertiary:hover::before,
  .main-nav .nav-item-secondary:first-of-type .nav-item-link-tertiary:focus-visible::before {
    width: var(--main-nav-item-link-hover-shift);
  }

  .main-inner {
    grid-template-columns: 2fr 1fr;
  }

  .footer-infos-left {
    margin-top: 0.55rem; /* align with text content of .footer-infos-heading-icon */
  }

  .footer-infos-right {
    gap: 0.8rem; /* align .course-finder-link-box with text content of .footer-infos-left */
  }

}

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

  :root {
    --top-height-main: 8rem;
    --top-border-height: 0.8rem;
    --top-height-total: 8.8rem;
    --top-logo-width: 14.8rem;
  }

  .top-tools,
  .top-booking,
  .sidebar,
  .weather-detail-desktop {
    display: none;
  }

  .js-mobile-nav-open {
    overflow: hidden;
    overscroll-behavior: contain;
    max-height: 100vh;
  }

  .top .top-inner {
    display: flex;
    justify-content: space-between;
    padding-right: var(--website-gap-tiny);
    padding-left: 0;
  }

  .top-inner .bh-logo {
    align-self: center;
  }

  .main-nav {
    position: fixed;
    inset: 0;
    margin-top: var(--top-height);
    margin-bottom: var(--mobile-bar-height);
    margin-bottom: calc(var(--mobile-bar-height) + env(safe-area-inset-bottom, 10px));
    transform: translate3d(-100%, 0, 0);
    background-color: var(--skischule-fiss-ladis-background-main);
    pointer-events: none;
    opacity: 0;
    transition: transform var(--skischule-fiss-ladis-transition-longer) calc(var(--skischule-fiss-ladis-transition-duration-longer) * 0.5),
                margin var(--skischule-fiss-ladis-transition-duration-main),
                opacity var(--skischule-fiss-ladis-transition-longer) calc(var(--skischule-fiss-ladis-transition-duration-longer) * 0.5);
  }

  .bh-bemode .main-nav {
    top: var(--bh-safe-area-inset-top);
  }

  .js-mobile-nav-open .main-nav {
    transform: translate3d(0, 0, 0);
    pointer-events: unset;
    opacity: 1;
    transition: transform var(--skischule-fiss-ladis-transition-longer),
                margin var(--skischule-fiss-ladis-transition-duration-main),
                opacity var(--skischule-fiss-ladis-transition-longer);
  }

  .main-nav-inner {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--website-margin-small);
    margin-right: auto;
    margin-left: auto;
    padding: var(--website-padding-large);
    max-width: var(--website-width-tiny);
    animation: main-nav-bounce-out var(--skischule-fiss-ladis-transition-duration-longer) var(--skischule-fiss-ladis-transition-timing-function-longer) 1 forwards;
  }

  .js-mobile-nav-open .main-nav-inner {
    animation: main-nav-bounce-in var(--skischule-fiss-ladis-transition-duration-longer) calc(var(--skischule-fiss-ladis-transition-duration-longer) * 0.5) var(--skischule-fiss-ladis-transition-timing-function-longer) 1 forwards;
  }

  @keyframes main-nav-bounce-in {
    0%, 100% {
      transform: translate3d(0, 0, 0);
    }
    40% {
      transform: translate3d(12%, 0, 0);
    }
  }

  @keyframes main-nav-bounce-out {
    0%, 100% {
      transform: translate3d(0, 0, 0);
    }
    40% {
      transform: translate3d(12%, 0, 0);
    }
  }

  .main-nav-inner > .nav-wrapper {
    transform: translate3d(0, 0, 0); /* create new stacking-context for fixed positioned .nav-box */
    width: 100%;
    height: 100%;
  }

  .main-nav .nav-box-primary {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: column;
    padding: calc(var(--skischule-fiss-ladis-border-width-main) * 2); /* note outline-width and outline-offset for :focus */
    width: 100%;
    height: 100%;
  }

  .main-nav .nav-item-link-primary {
    position: relative;
    justify-content: space-between;
    align-items: center;
    gap: 0.27em;
    padding: 0.27em 0;
    width: 100%;
    font-family: var(--skischule-fiss-ladis-font-main);
    font-style: italic;
    font-size: 3rem;
    line-height: 1;
  }

  .main-nav .nav-item-link-primary::after {
    content: "\e906";
    font-family: "bakehouse-iconset" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: var(--skischule-fiss-ladis-icon-size-main);
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: never;
    transition: transform var(--skischule-fiss-ladis-transition-longer);
  }

  .main-nav .nav-item-link-primary:hover::after,
  .main-nav .nav-item-link-primary:focus-visible::after {
    transform: translateX(var(--skischule-fiss-ladis-icon-hover-shift));
  }

  .main-nav .nav-box-menu-wrapper {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    padding: calc(var(--skischule-fiss-ladis-border-width-main) * 2); /* note outline-width and outline-offset for :focus */
    width: 100%;
    height: 100%;
    background-color: var(--skischule-fiss-ladis-background-main);
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--skischule-fiss-ladis-transition-longer) calc(var(--skischule-fiss-ladis-transition-duration-longer) * 0.5);
    animation: main-nav-menu-bounce-out var(--skischule-fiss-ladis-transition-duration-longer) var(--skischule-fiss-ladis-transition-timing-function-longer) 1 forwards;
  }

  .main-nav .nav-item-primary.js-open .nav-box-menu-wrapper {
    pointer-events: unset;
    opacity: 1;
    transition: opacity var(--skischule-fiss-ladis-transition-longer);
    animation: main-nav-menu-bounce-in var(--skischule-fiss-ladis-transition-duration-longer) var(--skischule-fiss-ladis-transition-timing-function-longer) 1 forwards;
  }

  @keyframes main-nav-menu-bounce-in {
    0% {
      transform: translate3d(100%, 0, 0);
    }
    60% {
      transform: translate3d(-10%, 0, 0);
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes main-nav-menu-bounce-out {
    0% {
      transform: translate3d(0, 0, 0);
    }
    40% {
      transform: translate3d(-10%, 0, 0);
    }
    100% {
      transform: translate3d(100%, 0, 0);
    }
  }

  .main-nav .nav-box-secondary {
    flex-direction: column;
    gap: var(--main-nav-gap-large);
  }

  .footer-bottom {
    padding-bottom: calc(clamp(1.8rem, 0.939vw + 1.448rem, 2.8rem) + var(--mobile-bar-height));
    padding-bottom: calc(clamp(1.8rem, 0.939vw + 1.448rem, 2.8rem) + var(--mobile-bar-height) + env(safe-area-inset-bottom, 10px));
  }

  .footer-infos,
  .footer-bottom-inner {
    flex-direction: column;
    align-items: center;
  }

  .footer-main-logo-links {
    margin-top: var(--footer-main-spacing);
  }

  .footer-main-logo-links .servnavi_box {
    justify-content: center;
  }

  .bh-search-wrapper {
    bottom: var(--mobile-bar-height);
    bottom: calc(var(--mobile-bar-height) + env(safe-area-inset-bottom, 10px));
  }

  .weather-popup {
    padding-top: var(--website-padding-tiny);
    padding-bottom: calc(var(--mobile-bar-height) + env(safe-area-inset-bottom, 10px) + var(--website-padding-tiny));
  }

}


/*---------------------------------------------------------------------*/
/*-- small width (mobile) --*/

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



}


@media only screen and (min-width: 771px) {

  .not-top {
    --top-height: var(--top-height-main);
    --top-border-height: 0rem;
  }

  .main-inner {
    border-top-left-radius: var(--main-border-radius);
    border-top-right-radius: var(--main-border-radius);
    padding-top: var(--main-padding-top);
  }

  .main-inner::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: var(--main-border-radius);
    border-top-right-radius: var(--main-border-radius);
    width: 100%;
    height: var(--main-shadow-height);
    box-shadow: 0 0.4rem 5rem rgba(var(--skischule-fiss-ladis-black-rgb), 0.15);
    pointer-events: none;
  }

}

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

  :root {
    --top-height-main: 5.5rem;
    --top-border-height: 0rem;
    --top-height-total: 5.5rem;
    --top-logo-width: 10.8rem;
    --nav-toggler-width: 5.5rem;
  }

  .page > .header {
    min-height: unset;
  }

  .page > .main {
    margin-top: var(--website-margin-normal);
    padding-right: 0;
    padding-left: 0;
  }

  .footer-infos {
    align-items: flex-start;
  }

  .footer-main-logo-links .servnavi_box {
    justify-content: flex-start;
  }

  .footer-infos-left {
    grid-template-columns: auto;
    gap: var(--footer-main-spacing);
  }

  .footer-contact,
  .footer-info-nav {
    padding: 0;
  }

  .footer-info-nav::before {
    content: none;
  }

}


@media only screen and (max-height: 500px) {

  .sidebar {
    display: none;
  }

}


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



}


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

  html {
    font-size: 56.25%;
  }

}



/*---------------------------------------------------------------------*/
/*-- elements --*/
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*-- bhText --*/

.bhText[class*="bh-text-columns-"] {
  column-gap: var(--website-gap-small);
}

.bhText.bh-text-columns-2 {
  columns: 40ch 2;
}

.bhText.bh-text-columns-3 {
  columns: 25ch 3;
}

.bhText.bh-column-border[class*="bh-text-columns-"] {
  column-rule: var(--skischule-fiss-ladis-border-main);
  text-wrap: pretty;
}

.bhText.bh-hyphens {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}


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

.bhPicture {
  --picture-spacing: 0.6rem;
  color: inherit;
}

body:not(.bhe-state-editing) .bhPicture[href][target="lightbox"]:hover {
  cursor: zoom-in;
}

.bhPicture > .bhElementInner {
  display: grid;
}

.bhPicture img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.bhPicture .picture-copyright {
  z-index: 1;
  position: absolute;
  top: var(--picture-spacing);
  left: var(--picture-spacing);
  font-size: 1.2rem;
  color: var(--skischule-fiss-ladis-text-light);
  text-shadow: 0 0 0.4em rgba(var(--skischule-fiss-ladis-black-rgb), 0.8);
}

.bhPicture .picture-description p {
  margin-bottom: 0;
  padding: var(--picture-spacing);
}

/*-- picture hover --*/

.weather-detail-livecam .livecam-image,
.bhPicture .bhImageInner,
.bhLinkbox .linkbox_bild .bhImageInner,
.linkbox-image,
.bhFullscreenGalleryBox .fullscreen-gallery-box-image,
.bhBox .box-image,
.el-video-berta .video-berta-image-wrapper,
.el-teaser .teaser-image-link,
.el-cardswiper .cardswiper-item-img-wrapper {
  overflow: hidden;
  position: relative;
}

.bhPicture .bh-background-image {
  height: var(--skischule-fiss-ladis-image-background-height);
  background-size: cover;
  background-position: center;
}

.weather-detail-livecam[href] .livecam-image::before,
.bhPicture[href][target="lightbox"] .bh-background-image:not(.bhe-state-property-empty)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  background: inherit;
  pointer-events: none;
}

.weather-detail-livecam[href] .livecam-image::before,
.bhPicture[href][target="lightbox"] .bh-background-image:not(.bhe-state-property-empty)::before,
.bhPicture[href][target="lightbox"] .bhImageInner img,
.bhLinkbox[href] .linkbox_bild .bhImageInner img,
.linkbox-link[href] .linkbox-image img,
.bhFullscreenGalleryBox .fullscreen-gallery-box[href] .fullscreen-gallery-box-image img,
.bhBox[href] .box-image img,
.el-video-berta .video-berta-link[href] .video-berta-image,
.el-teaser .teaser-image-link[href] .teaser-image,
.el-cardswiper .cardswiper-item[href] .cardswiper-item-img {
  transition: transform var(--skischule-fiss-ladis-transition-long);
}

body:not(.bhe-state-editing) .weather-detail-livecam[href]:hover .livecam-image::before,
body:not(.bhe-state-editing) .weather-detail-livecam[href]:focus-visible .livecam-image::before,
body:not(.bhe-state-editing) .bhPicture[href][target="lightbox"]:hover .bh-background-image::before,
body:not(.bhe-state-editing) .bhPicture[href][target="lightbox"]:focus-visible .bh-background-image::before,
body:not(.bhe-state-editing) .bhPicture[href][target="lightbox"]:hover .bhImageInner img,
body:not(.bhe-state-editing) .bhPicture[href][target="lightbox"]:focus-visible .bhImageInner img,
body:not(.bhe-state-editing) .bhLinkbox[href]:hover .linkbox_bild .bhImageInner img,
body:not(.bhe-state-editing) .bhLinkbox[href]:focus-visible .linkbox_bild .bhImageInner img,
body:not(.bhe-state-editing) .linkbox-link[href]:hover .linkbox-image img,
body:not(.bhe-state-editing) .linkbox-link[href]:focus-visible .linkbox-image img,
body:not(.bhe-state-editing) .bhFullscreenGalleryBox .fullscreen-gallery-box[href]:hover .fullscreen-gallery-box-image img,
body:not(.bhe-state-editing) .bhFullscreenGalleryBox .fullscreen-gallery-box[href]:focus-visible .fullscreen-gallery-box-image img,
body:not(.bhe-state-editing) .bhBox[href]:hover .box-image img,
body:not(.bhe-state-editing) .bhBox[href]:focus-visible .box-image img,
body:not(.bhe-state-editing) .el-video-berta .video-berta-link[href]:hover .video-berta-image,
body:not(.bhe-state-editing) .el-video-berta .video-berta-link[href]:focus-visible .video-berta-image,
body:not(.bhe-state-editing) .el-teaser .teaser-image-link[href]:hover .teaser-image,
body:not(.bhe-state-editing) .el-teaser .teaser-image-link[href]:focus-visible .teaser-image,
body:not(.bhe-state-editing) .el-cardswiper .cardswiper-item[href]:hover .cardswiper-item-img,
body:not(.bhe-state-editing) .el-cardswiper .cardswiper-item[href]:focus-visible .cardswiper-item-img {
  transform: var(--skischule-fiss-ladis-image-hover-scale);
}

.weather-detail-livecam[href] .livecam-image::after,
.bhPicture[href][target="lightbox"] .bhImageInner:not(.bhe-state-property-empty)::after,
.bhLinkbox[href] .linkbox_bild .bhImageInner:not(.bhe-state-property-empty)::after,
.linkbox-link[href] .linkbox-image:not(.bhe-state-property-empty)::after,
.bhFullscreenGalleryBox .fullscreen-gallery-box[href] .fullscreen-gallery-box-image::after,
.bhBox[href] .box-image:not(.bhe-state-property-empty)::after,
.el-video-berta .video-berta-link[href] .video-berta-image-wrapper::after,
.el-teaser .teaser-image-link[href]::after,
.el-cardswiper .cardswiper-item[href] .cardswiper-item-img:not(.bhe-state-property-empty)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  background-color: var(--skischule-fiss-ladis-image-hover-overlay);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--skischule-fiss-ladis-transition-longer);
}

body:not(.bhe-state-editing) .weather-detail-livecam[href]:hover .livecam-image::after,
body:not(.bhe-state-editing) .weather-detail-livecam[href]:focus-visible .livecam-image::after,
body:not(.bhe-state-editing) .bhPicture[href][target="lightbox"]:hover .bhImageInner::after,
body:not(.bhe-state-editing) .bhPicture[href][target="lightbox"]:focus-visible .bhImageInner::after,
body:not(.bhe-state-editing) .bhLinkbox[href]:hover .linkbox_bild .bhImageInner::after,
body:not(.bhe-state-editing) .bhLinkbox[href]:focus-visible .linkbox_bild .bhImageInner::after,
body:not(.bhe-state-editing) .linkbox-link[href]:hover .linkbox-image::after,
body:not(.bhe-state-editing) .linkbox-link[href]:focus-visible .linkbox-image::after,
body:not(.bhe-state-editing) .bhFullscreenGalleryBox .fullscreen-gallery-box[href]:hover .fullscreen-gallery-box-image::after,
body:not(.bhe-state-editing) .bhFullscreenGalleryBox .fullscreen-gallery-box[href]:focus-visible .fullscreen-gallery-box-image::after,
body:not(.bhe-state-editing) .bhBox[href]:hover .box-image::after,
body:not(.bhe-state-editing) .bhBox[href]:focus-visible .box-image::after,
body:not(.bhe-state-editing) .el-video-berta .video-berta-link[href]:hover .video-berta-image-wrapper::after,
body:not(.bhe-state-editing) .el-video-berta .video-berta-link[href]:focus-visible .video-berta-image-wrapper::after,
body:not(.bhe-state-editing) .el-teaser .teaser-image-link[href]:hover::after,
body:not(.bhe-state-editing) .el-teaser .teaser-image-link[href]:focus-visible::after,
body:not(.bhe-state-editing) .el-cardswiper .cardswiper-item[href]:hover .cardswiper-item-img::after,
body:not(.bhe-state-editing) .el-cardswiper .cardswiper-item[href]:focus-visible .cardswiper-item-img::after {
  opacity: 1;
}


/*---------------------------------------------------------------------*/
/*-- bhLinkbox --*/

.bhLinkbox .linkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--website-gap-small);
  border-radius: var(--skischule-fiss-ladis-border-radius-main);
  padding: var(--website-padding-small);
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text-highlight);
  background-color: var(--skischule-fiss-ladis-background-box);
  transition: color var(--skischule-fiss-ladis-transition-main);
}

body:not(.bhe-state-editing) .bhLinkbox[href]:hover .linkbox,
body:not(.bhe-state-editing) .bhLinkbox[href]:focus-visible .linkbox {
  color: var(--skischule-fiss-ladis-text-attention);
}

.bhLinkbox .linkbox_bild {
  box-sizing: border-box;
  flex-shrink: 0;
  float: unset;
  padding: 0;
  width: 12rem;
}

.bhLinkbox .linkbox_bild .bhImageInner {
  min-height: unset;
}

.bhLinkbox .linkbox_bild .bhImageInner img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}

.bhLinkbox .linkbox_content {
  position: relative;
  padding: 0;
  min-height: unset;
}

.bhLinkbox .linkbox_right {
  display: none;
}


/*---------------------------------------------------------------------*/
/*-- bhFullscreenGalleryBox --*/

.fullscreen-gallery-box {
  display: block;
  border-radius: var(--skischule-fiss-ladis-border-radius-main);
  box-shadow: 0 0 1rem rgba(var(--skischule-fiss-ladis-black-rgb), 0.1);
}

.fullscreen-gallery-box-image {
  position: relative;
  border-radius: inherit;
  width: 100%;
  aspect-ratio: 3 / 2;
}

.fullscreen-gallery-box-image img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  min-height: unset;
  object-fit: cover;
  object-position: center;
}


/*---------------------------------------------------------------------*/
/*-- bhBox --*/

.bhBox {
  --bhBox-spacing-vertical: var(--website-margin-small);
  --bhBox-spacing-horizontal: var(--website-padding-small);
  --bhBox-border-radius: var(--skischule-fiss-ladis-border-radius-main);
  border-radius: var(--bhBox-border-radius);
  color: var(--skischule-fiss-ladis-text);
}

.bhBox .box-wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--bhBox-spacing-vertical);
  border-radius: var(--bhBox-border-radius);
  background-color: var(--skischule-fiss-ladis-background-box);
}

.bhBox.bhBoxsmall .box-wrapper {
  padding-top: var(--bhBox-spacing-vertical);
}

.bhBox.bhBoxbt .box-wrapper {
  padding-bottom: var(--bhBox-spacing-vertical);
}

.bhBox .box-content {
  padding-right: var(--bhBox-spacing-horizontal);
  padding-left: var(--bhBox-spacing-horizontal);
}

.box-image {
  position: relative;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  width: 100%;
  aspect-ratio: 2 / 1;
}

.box-image img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  min-height: unset;
  object-fit: cover;
  object-position: center;
}

.bhBox .box-button.button {
  border-radius: 0;
  min-width: unset;
}

.bhBox.bhBoxsmall .box-image {
  display: none;
}

.bhBox.bhBoxbt .box-button-wrapper {
  display: none;
}


/*---------------------------------------------------------------------*/
/*-- bhDownloadlink --*/

.bhDownloadlink {
  color: var(--skischule-fiss-ladis-text-highlight);
  background-color: var(--skischule-fiss-ladis-background-box);
  transition: color var(--skischule-fiss-ladis-transition-main);
}

body:not(.bhe-state-editing) .bhDownloadlink[href]:hover,
body:not(.bhe-state-editing) .bhDownloadlink[href]:focus-visible {
  color: var(--skischule-fiss-ladis-text-attention);
}

.bhDownloadlink .bh-downloadlink {
  display: flex;
  align-items: center;
  gap: var(--website-gap-small);
}

.bhDownloadlink .bh-downloadlink > * {
  float: unset;
}

.bhDownloadlink .bh-downloadlink-name {
  padding: var(--website-padding-small);
}


/*---------------------------------------------------------------------*/
/*-- el-swiper --*/

.bh-swiper {
  --swiper-navigation-size: 5rem;
  --swiper-pagination-width: 3rem;
  --swiper-pagination-height: 0.5rem;
  --swiper-pagination-spacing: 3rem;
  --swiper-opacity-inactive: 0.5;
}

.bh-swiper > .swiper-container > .swiper-wrapper > .swiper-slide,
.bh-swiper > .swiper-container > .swiper-wrapper > .swiper-slide,
.bh-swiper > .swiper-container > .swiper-wrapper > .swiper-slide {
  margin-bottom: 0;
}

.bh-swiper[data-swiper*='"pagination":1']:not(.header-swiper),
.bh-swiper[data-settings*='"pagination":1']:not(.header-swiper),
.bh-swiper[data-plugin-settings*='"pagination":1']:not(.header-swiper),
.bh-swiper.flow-cols.flow-cols--swiper-navigation--pagination {
  padding-top: var(--swiper-pagination-spacing);
}

.bh-swiper[data-swiper*='"navigation":1']:not(.header-swiper) > .swiper-container,
.bh-swiper[data-settings*='"navigation":1']:not(.header-swiper) > .swiper-container,
.bh-swiper[data-plugin-settings*='"navigation":1']:not(.header-swiper) > .swiper-container {
  margin-right: calc(var(--swiper-navigation-size) * 0.5);
  margin-left: calc(var(--swiper-navigation-size) * 0.5);
}

/*-- navigation --*/

.bh-swiper .swiper-button-prev,
.bh-swiper .swiper-button-next,
.bh-swiper .swiper-container-rtl .swiper-button-prev,
.bh-swiper .swiper-container-rtl .swiper-button-next {
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  border-radius: 0.5rem;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  background: var(--skischule-fiss-ladis-background-accent);
  transition: opacity var(--skischule-fiss-ladis-transition-main);
}

.bh-swiper[data-swiper*='"pagination":1']:not(.header-swiper) .swiper-button-prev,
.bh-swiper[data-settings*='"pagination":1']:not(.header-swiper) .swiper-button-prev,
.bh-swiper[data-plugin-settings*='"pagination":1']:not(.header-swiper) .swiper-button-prev,
.bh-swiper[data-swiper*='"pagination":1']:not(.header-swiper) .swiper-button-next,
.bh-swiper[data-settings*='"pagination":1']:not(.header-swiper) .swiper-button-next,
.bh-swiper[data-plugin-settings*='"pagination":1']:not(.header-swiper) .swiper-button-next,
.bh-swiper[data-swiper*='"pagination":1']:not(.header-swiper) .swiper-container-rtl .swiper-button-prev,
.bh-swiper[data-settings*='"pagination":1']:not(.header-swiper) .swiper-container-rtl .swiper-button-prev,
.bh-swiper[data-plugin-settings*='"pagination":1']:not(.header-swiper) .swiper-container-rtl .swiper-button-prev,
.bh-swiper[data-swiper*='"pagination":1']:not(.header-swiper) .swiper-container-rtl .swiper-button-next,
.bh-swiper[data-settings*='"pagination":1']:not(.header-swiper) .swiper-container-rtl .swiper-button-next,
.bh-swiper[data-plugin-settings*='"pagination":1']:not(.header-swiper) .swiper-container-rtl .swiper-button-next {
  margin-top: calc(var(--swiper-pagination-spacing) * 0.5);
}

.bh-swiper .swiper-button-prev,
.bh-swiper .swiper-container-rtl .swiper-button-prev {
  left: 0;
}

.bh-swiper .swiper-button-next,
.bh-swiper .swiper-container-rtl .swiper-button-next {
  right: 0;
}

.bh-swiper .swiper-button-prev.swiper-button-disabled,
.bh-swiper .swiper-button-next.swiper-button-disabled {
  opacity: var(--swiper-opacity-inactive);
}

.bh-swiper .swiper-button-lock {
  display: none !important;
}

.bh-swiper .swiper-button-prev::before,
.bh-swiper .swiper-button-next::before,
.bh-swiper .swiper-container-rtl .swiper-button-prev::before,
.bh-swiper .swiper-container-rtl .swiper-button-next::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  background-color: var(--skischule-fiss-ladis-button-hover-overlay);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--skischule-fiss-ladis-transition-main);
}

.bh-swiper .swiper-button-prev:not(.swiper-button-disabled):hover::before,
.bh-swiper .swiper-button-next:not(.swiper-button-disabled):hover::before {
  opacity: 1;
}

.bh-swiper .swiper-button-prev::after,
.bh-swiper .swiper-button-next::after,
.bh-swiper .swiper-container-rtl .swiper-button-prev::after,
.bh-swiper .swiper-container-rtl .swiper-button-next::after {
  content: "\e905";
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  color: var(--skischule-fiss-ladis-text-light);
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
}

.bh-swiper .swiper-button-next::after,
.bh-swiper .swiper-container-rtl .swiper-button-next::after {
  content: "\e906";
}

/*-- pagination --*/

.bh-swiper .swiper-pagination {
  top: 0;
  bottom: auto;
  transform: translateY(50%);
}

.bh-swiper .swiper-pagination:not(.swiper-pagination-bullets-dynamic) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--swiper-pagination-height);
  width: 100% !important;
}

.bh-swiper .swiper-pagination.swiper-pagination-lock {
  display: none !important;
}

.bh-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  border-radius: 100vmax;
  width: var(--swiper-pagination-width);
  height: var(--swiper-pagination-height);
  background: var(--skischule-fiss-ladis-background-box);
  opacity: 1;
  transition: var(--skischule-fiss-ladis-transition-main) !important;
}

.bh-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--skischule-fiss-ladis-background-highlight);
  opacity: 1;
}


/*---------------------------------------------------------------------*/
/*-- bhAccordeonItem --*/

.bhAccordeonItem {
  --accordeon-item-spacing: var(--website-padding-small);
  --accordeon-item-background: var(--skischule-fiss-ladis-background-box);
  --accordeon-item-border-radius: var(--skischule-fiss-ladis-border-radius-main);
  padding-bottom: 0.3rem;
}

.bh-accordion-toggler {
  border-radius: var(--accordeon-item-border-radius);
  color: var(--skischule-fiss-ladis-text-highlight);
  background-color: var(--accordeon-item-background);
  transition: border-radius var(--skischule-fiss-ladis-transition-main),
              color var(--skischule-fiss-ladis-transition-main),
              background var(--skischule-fiss-ladis-transition-main);
}

.bh-accordion-toggler.bh-accordion-active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--skischule-fiss-ladis-text-light);
  background-color: var(--skischule-fiss-ladis-background-highlight);
}

.bhAccordeonItem .bh-accordion-toggler-inner {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  padding: 1.3rem var(--accordeon-item-spacing);
  min-height: var(--skischule-fiss-ladis-button-min-height);
}

.bhAccordeonItem .bh-accordion-toggler-inner::after {
  content: "\e908";
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  speak: never;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-black);
  transition: transform var(--skischule-fiss-ladis-transition-main);
  transition-timing-function: linear;
}

.bh-accordion-toggler.bh-accordion-active .bh-accordion-toggler-inner::after {
  transform: rotate(-180deg);
}

.bhAccordeonItem .bh-accordion-toggler .bh-bodytext,
.bhAccordeonItem .bh-accordion-toggler .bh-bodytext > * {
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: 1;
  text-transform: uppercase;
}

.bhAccordeonItem .bh-accordion-element-inner {
  overflow: unset;
  border: var(--skischule-fiss-ladis-border-main);
  border-top: 0;
  border-bottom-right-radius: var(--accordeon-item-border-radius);
  border-bottom-left-radius: var(--accordeon-item-border-radius);
  padding: var(--accordeon-item-spacing);
}

.bhe-state-editing .bhAccordeonItem .bh-accordion-element-inner {
  padding-top: var(--bh-element-toolbar-height);
}


/*---------------------------------------------------------------------*/
/*-- bhTabs --*/

.bhTabs {
  --tab-tabtogglers-gap: var(--website-gap-tiny);
  --tab-element-spacing: var(--website-padding-small);
}

.bhTabs .bh-tabcontent {
  margin-top: var(--website-margin-small);
}

.bhTabs .bh-tab-togglers .bh-tabtogglers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--tab-tabtogglers-gap);
  width: 100%;
}

.bhTabs.tabs-align-left .bh-tab-togglers .bh-tabtogglers {
  justify-content: flex-start;
}

.bhTabs .bhTabElement {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  float: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  border: var(--skischule-fiss-ladis-border-highlight);
  border-radius: 0.375em;
  padding: 1.5rem var(--tab-element-spacing);
  min-height: var(--skischule-fiss-ladis-button-min-height);
  font-size: 1.6rem;
  line-height: unset;
  text-align: center;
  color: var(--skischule-fiss-ladis-text-highlight);
  background: transparent;
  transition: color var(--skischule-fiss-ladis-transition-main),
              background var(--skischule-fiss-ladis-transition-main);
}

.bhTabs.tabs-stretch .bhTabElement {
  flex-grow: 1;
}

.bhTabs .bhTabElement::before {
  content: "";
  z-index: -1;
  position: absolute;
  inset: calc(var(--skischule-fiss-ladis-border-width-highlight) * (-1));
  border-radius: inherit;
  background-color: currentcolor;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--skischule-fiss-ladis-transition-main);
}

.bhTabs .bhTabElement:hover::before {
  opacity: var(--skischule-fiss-ladis-button-hover-overlay-opacity);
}

.bhTabs .bhTabElement.bh-tabtoggler-active {
  color: var(--skischule-fiss-ladis-text-light);
  background-color: var(--skischule-fiss-ladis-red);
}

.bhTabs .bhTabElement.bh-tabtoggler-active::before {
  background-color: var(--skischule-fiss-ladis-button-hover-overlay);
}

.bhTabs .bhTabElement.bh-tabtoggler-active:hover::before {
  opacity: 1;
}

.bhTabs .bhTabElement .bh-bodytext,
.bhTabs .bhTabElement .bh-bodytext > * {
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: inherit;
}

.bhTabs .bh-tabcontent > .bhContainer {
  border-radius: var(--skischule-fiss-ladis-border-radius-main);
  padding: var(--tab-element-spacing);
  border: var(--skischule-fiss-ladis-border-main);
}


/*---------------------------------------------------------------------*/
/*-- bhTrenner --*/

.bhTrenner .bh-trenner-inner {
  position: relative;
}

.bhTrenner:not(.no-line) .bh-trenner-inner::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  border-bottom: var(--skischule-fiss-ladis-border-main);
}


/*---------------------------------------------------------------------*/
/*-- el-voucherlist --*/

.el-voucherlist .bhElementInner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  gap: var(--website-gap-normal);
}

.el-voucherlist .el-voucherlist-voucher {
  box-sizing: border-box;
  margin: 0;
  border-radius: var(--skischule-fiss-ladis-border-radius-larger);
  padding: var(--website-padding-tiny);
  max-width: unset;
  transition: background var(--skischule-fiss-ladis-transition-main);
}

.el-voucherlist .el-voucherlist-voucher:hover {
  background: var(--skischule-fiss-ladis-background-box);
}

.el-voucherlist .el-voucherlist-voucher-image {
  flex-shrink: 0;
  flex-basis: 200px;
}

.el-voucherlist .el-voucherlist-voucher-image img {
  border-radius: var(--skischule-fiss-ladis-border-radius-main);
  box-shadow: 0 0 1rem rgba(var(--skischule-fiss-ladis-black-rgb), 0.2);
}

.el-voucherlist .el-voucherlist-voucher-description {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: var(--website-gap-small);
}

.el-voucherlist .el-voucherlist-voucher-type,
.el-voucherlist .el-voucherlist-voucher-pricerange {
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  text-transform: uppercase;
}

.el-voucherlist-voucher-type {
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
}

.el-voucherlist .el-voucherlist-voucher-pricerange,
.el-voucherlist .el-voucherlist-voucher-name {
  margin-bottom: var(--website-gap-small);
}

.el-voucherlist .el-voucherlist-voucher-name {
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: clamp(2.4rem, 0.939vw + 2.048rem, 3.4rem);
  line-height: 1.2;
  color: var(--skischule-fiss-ladis-text-highlight);
}

.el-voucherlist .el-voucherlist-voucher-subtext {
  display: none;
}

.el-voucherlist .el-voucherlist-voucher-dynamic-inputs {
  margin-top: 0;
  margin-bottom: var(--website-gap-small);
  font-size: 1.8rem;
  white-space: nowrap;
}

.el-voucherlist .el-voucherlist-voucher-dynamic-inputs input {
  box-sizing: border-box;
  position: relative;
  margin: 0;
  border: var(--skischule-fiss-ladis-border-main);
  border-radius: 0.167em;
  padding: 0.47em 0;
  width: 100%;
  max-width: 8em;
  height: unset;
  font: inherit;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.8rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text);
  background: var(--skischule-fiss-ladis-background-main);
  transition: border var(--skischule-fiss-ladis-transition-main);
}

.el-voucherlist .el-voucherlist-voucher-dynamic-inputs input:hover,
.el-voucherlist .el-voucherlist-voucher-dynamic-inputs input:focus-visible {
  border-color: var(--skischule-fiss-ladis-border-color-accent);
}

.el-voucherlist .el-voucherlist-voucher-dynamic-inputs input::placeholder {
  color: var(--skischule-fiss-ladis-text-dimmed);
  opacity: 1;
}

.el-voucherlist .el-voucherlist-voucher-dynamic-inputs input::-ms-input-placeholder {
  color: var(--skischule-fiss-ladis-text-dimmed);
}

.el-voucherlist .el-voucherlist-voucher-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: static;
  display: flex;
  margin: 0;
  border: 0;
  border-radius: 0.1875em;
  padding: 0.75em 1em;
  min-height: var(--skischule-fiss-ladis-button-min-height);
  font-family: var(--skischule-fiss-ladis-font-main);
  font-style: normal;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text-light);
  background: var(--skischule-fiss-ladis-background-action);
  cursor: pointer;
  transition: background var(--skischule-fiss-ladis-transition-main);
}

.el-voucherlist .el-voucherlist-voucher-button:hover,
.el-voucherlist .el-voucherlist-voucher-button:focus-visible {
  background-color: color-mix(in srgb, var(--skischule-fiss-ladis-background-action), rgb(var(--skischule-fiss-ladis-button-hover-overlay-rgb)) var(--skischule-fiss-ladis-button-hover-overlay-opacity));
}

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

  .el-voucherlist .el-voucherlist-voucher-image {
    flex-shrink: 1;
    flex-basis: 160px;
  }

}


/*---------------------------------------------------------------------*/
/*-- el-productlist --*/

.el-productlist-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--website-gap-tiny);
  margin: 0 0 var(--website-margin-small);
  padding: 0;
  list-style: none;
}

.el-productlist-category-item .el-productlist-category {
  border: var(--skischule-fiss-ladis-border-highlight);
  border-radius: 0.375em;
  color: var(--skischule-fiss-ladis-text-highlight);
  background: transparent;
  cursor: pointer;
}

.el-productlist-category-item .el-productlist-category::before {
  inset: calc(var(--skischule-fiss-ladis-border-width-highlight) * (-1));
  background-color: currentcolor;
}

.el-productlist-category-item .el-productlist-category:hover::before,
.el-productlist-category-item .el-productlist-category:focus-visible::before {
  opacity: var(--skischule-fiss-ladis-button-hover-overlay-opacity);
}

.el-productlist-category-item .el-productlist-category[aria-pressed="true"] {
  color: var(--skischule-fiss-ladis-text-light);
  background: var(--skischule-fiss-ladis-background-highlight);
}

.el-productlist-products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.el-productlist-products .el-productlist-product {
  box-sizing: border-box;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  margin: var(--website-gap-tiny);
  border-radius: var(--skischule-fiss-ladis-border-radius-main);
  padding: var(--website-padding-small);
  width: 100%;
  max-width: 26rem;
  color: var(--skischule-fiss-ladis-text);
  background-color: var(--skischule-fiss-ladis-background-main);
  box-shadow: 0 0 0 var(--skischule-fiss-ladis-border-width-main) rgba(var(--skischule-fiss-ladis-black-rgb), 0.1);
  transition: box-shadow var(--skischule-fiss-ladis-transition-main);
}

.el-productlist-products .el-productlist-product:hover,
.el-productlist-products .el-productlist-product:focus-visible {
  box-shadow: 0 0.2rem 1.2rem var(--skischule-fiss-ladis-image-hover-overlay);
}

.el-productlist-product .el-productlist-product-image {
  position: relative;
  margin-bottom: var(--website-margin-xsmall);
  width: 100%;
  min-width: unset;
  max-width: unset;
  height: 18rem;
}

.el-productlist-product .el-productlist-product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.el-productlist-product .el-productlist-product-description {
  margin: 0;
}

.el-productlist-product .el-productlist-product-title,
.el-productlist-product .el-productlist-product-price {
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: clamp(2rem, 0.188vw + 1.93rem, 2.2rem);
  line-height: 1.27;
}

.el-productlist-product .el-productlist-product-categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--website-gap-tiny);
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.2rem;
  color: var(--skischule-fiss-ladis-text-dimmed);
}

.el-productlist-product .el-productlist-product-price {
  color: var(--skischule-fiss-ladis-text-highlight);
}

.el-productlist-product .el-productlist-product-subtext,
.el-productlist-product .el-productlist-product-button {
  display: none;
}

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

  .el-productlist-products .el-productlist-product {
    max-width: none;
  }

}


/*---------------------------------------------------------------------*/
/*-- el-productdetail --*/

.el-productdetail {
  --productdetail-icon-size: 3rem;
}

.el-productdetail .el-productdetail-title {
  color: var(--skischule-fiss-ladis-text-accent);
}

.el-productdetail .el-productdetail-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--website-gap-small);
  margin-bottom: 0;
}

.el-productdetail .el-productdetail-description {
  display: flex;
  flex-direction: column;
  gap: var(--website-gap-small);
  margin: 0;
}

.el-productdetail .el-productdetail-sku {
  display: none;
}

.el-productdetail .el-productdetail-subtext {
  margin: 0;
}

.el-productdetail .el-productdetail-price {
  margin: 0;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: clamp(2rem, 0.188vw + 1.93rem, 2.2rem);
  color: var(--skischule-fiss-ladis-text-highlight);
}

.el-productdetail .bh-shop-add-product-form {
  margin: 0;
  padding: 0;
}

.el-productdetail .el-productdetail-formfield {
  display: flex;
  align-items: center;
  gap: var(--website-gap-tiny);
  margin-bottom: var(--website-gap-small);
}

.el-productdetail .el-productdetail-formfield-input {
  position: relative;
  width: 100%;
  max-width: 22rem;
}

.el-productdetail .el-productdetail-formfield-input select,
.el-productdetail .el-productdetail-formfield-input input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: flex;
  margin: 0;
  border: var(--skischule-fiss-ladis-border-main);
  border-radius: 0.2143em;
  padding: 0.75em var(--productdetail-icon-size) 0.75em 1em;
  width: 100%;
  font: inherit;
  font-size: 1.4rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-main);
  color: var(--skischule-fiss-ladis-text);
  background: var(--skischule-fiss-ladis-background-main);
  transition: border var(--skischule-fiss-ladis-transition-main);
}

.el-productdetail .el-productdetail-formfield-input select:hover,
.el-productdetail .el-productdetail-formfield-input select:focus-visible,
.el-productdetail .el-productdetail-formfield-input input:hover,
.el-productdetail .el-productdetail-formfield-input input:focus-visible {
  border-color: var(--skischule-fiss-ladis-border-color-accent);
}

.el-productdetail .el-productdetail-formfield-select-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  width: var(--productdetail-icon-size);
  font-size: var(--skischule-fiss-ladis-icon-size-smaller);
  pointer-events: none;
}

.el-productdetail .bh-shop-count-input + .el-productdetail-formfield-select-icon {
  display: none;
}

.el-productdetail .bh-shop-add-product-form input[type="submit"] {
  cursor: pointer;
  transition: background var(--skischule-fiss-ladis-transition-main);
}

.el-productdetail .bh-shop-add-product-form input[type="submit"]:hover,
.el-productdetail .bh-shop-add-product-form input[type="submit"]:focus-visible {
  background-color: color-mix(in srgb, var(--skischule-fiss-ladis-background-action), rgb(var(--skischule-fiss-ladis-button-hover-overlay-rgb)) var(--skischule-fiss-ladis-button-hover-overlay-opacity));
}

.el-productdetail .el-productdetail-content {
  margin-top: var(--website-margin-small);
}

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

  .el-productdetail .el-productdetail-body {
    margin: 0 auto;
    width: 100%;
    max-width: var(--website-width-xtiny);
  }

  .el-productdetail .el-productdetail-top {
    grid-template-columns: auto;
  }

}


/*---------------------------------------------------------------------*/
/*-- el-social --*/

.el-social {
  --social-spacing: var(--website-gap-small);
  --social-content-info-size: 3.6rem;
  --social-swiper-content-info-height: 7.2rem;
  --social-swiper-active-slide-shift: 4.6rem;
  --social-aspect-ratio: 1 / 1;
  --social-background: var(--skischule-fiss-ladis-background-accent);
}

.el-social .bh-social-default:not(.bh-swiper) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(28rem, 100%), 1fr));
  grid-template-rows: 1fr;
  gap: var(--social-spacing);
}

.el-social .bh-social-rows2:not(.bh-swiper) {
  display: flex;
  flex-direction: column;
  gap: var(--social-spacing);
}

.el-social .bh-social-widget .bh-social-post {
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  border-radius: var(--skischule-fiss-ladis-border-radius-larger);
  aspect-ratio: var(--social-aspect-ratio);
  color: var(--skischule-fiss-ladis-text-light);
  transition: var(--skischule-fiss-ladis-transition-main);
}

.el-social .bh-social-rows2.bh-swiper .bh-social-post {
  overflow: unset;
  flex-direction: column;
  padding-top: var(--social-swiper-content-info-height);
}

.el-social .bh-social-rows2:not(.bh-swiper) .bh-social-post {
  gap: var(--social-spacing);
  color: var(--skischule-fiss-ladis-text);
  background-color: var(--skischule-fiss-ladis-background-box);
}

.el-social .bh-social-widget:not(.bh-social-rows2) .bh-social-post,
.el-social .bh-social-widget.bh-social-rows2.bh-swiper .bh-social-post {
  height: auto;
}

.el-social .bh-social-widget .bh-social-post::before {
  position: absolute;
  top: 0;
  right: auto;
  left: 0;
  display: grid;
  place-items: center;
  border-bottom-right-radius: var(--skischule-fiss-ladis-border-radius-small);
  height: var(--social-content-info-size);
  aspect-ratio: 1 / 1;
  font-family: "bakehouse-iconset" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: var(--skischule-fiss-ladis-icon-size-main);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  color: var(--skischule-fiss-ladis-text-light);
  background-color: var(--social-background);
}

.el-social .bh-social-rows2.bh-swiper .bh-social-post::before {
  top: calc(var(--social-swiper-content-info-height) * 0.5 - var(--social-content-info-size) * 0.5);
  left: var(--social-spacing);
  aspect-ratio: unset;
  color: var(--skischule-fiss-ladis-text-accent);
  background: transparent;
  transition: color var(--skischule-fiss-ladis-transition-main);
}

.el-social .bh-social-widget .bh-social-post[data-network="instagram"]::before {
  content: "\e9ac";
}

.el-social .bh-social-widget .bh-social-post[data-network="facebook"]::before {
  content: "\e931";
}

.el-social .bh-social-rows2 .bh-social-background-picture {
  flex: unset;
  flex-shrink: 0;
  width: 20rem;
  height: auto;
  aspect-ratio: var(--social-aspect-ratio);
}

.el-social .bh-social-rows2.bh-swiper .bh-social-background-picture {
  width: auto;
}

/*-- content --*/

.el-social .bh-social-default .bh-social-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.el-social .bh-social-rows2 .bh-social-content {
  padding: var(--social-spacing);
}

.el-social .bh-social-rows2.bh-swiper .bh-social-content {
  position: static;
}

.el-social .bh-social-datewrapper {
  box-sizing: border-box;
  position: static;
  align-self: flex-end;
  display: flex;
  align-items: center;
  border-bottom-left-radius: 0.28em;
  padding-right: 1em;
  padding-left: 1em;
  min-height: var(--social-content-info-size);
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
  font-size: 1.8rem;
  line-height: 1.39;
  background: var(--social-background);
}

.el-social .bh-social-rows2.bh-swiper .bh-social-datewrapper {
  position: absolute;
  top: 0;
  right: var(--social-spacing);
  justify-content: flex-end;
  height: var(--social-swiper-content-info-height);
  color: var(--skischule-fiss-ladis-text-accent);
  transition: color var(--skischule-fiss-ladis-transition-main);
}

.el-social .bh-social-datewrapper .bh-social-weekday {
  display: none;
}

.el-social .bh-social-message {
  box-sizing: border-box;
  position: static;
  padding: var(--website-padding-small);
  background: linear-gradient(to bottom, rgba(var(--skischule-fiss-ladis-grey-rgb), 0) 0%, rgba(var(--skischule-fiss-ladis-grey-rgb), 0.9) 20%);
}

.el-social .bh-social-rows2.bh-swiper .bh-social-message {
  min-height: var(--social-swiper-content-info-height);
  color: var(--skischule-fiss-ladis-text);
  transition: color var(--skischule-fiss-ladis-transition-main);
}

.el-social .bh-social-message:empty {
  background: none;
}

.el-social .bh-social-default .bh-social-post[href] .bh-social-message {
  transform: translateY(100%);
  transition: transform var(--skischule-fiss-ladis-transition-main);
}

body:not(.bhe-state-editing) .el-social .bh-social-default .bh-social-post[href]:hover .bh-social-message,
body:not(.bhe-state-editing) .el-social .bh-social-default .bh-social-post[href]:focus-visible .bh-social-message {
  transform: translateY(0);
}

.el-social .bh-social-rows2 .bh-social-datewrapper,
.el-social .bh-social-rows2 .bh-social-message {
  padding: 0;
}

@media only screen and (min-width: 771px) {

  .el-social .bh-social-rows2:not(.bh-swiper) .bh-social-content {
    padding-left: 0;
  }

}

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

  .el-social .bh-social-default:not(.bh-swiper) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .el-social .bh-social-rows2:not(.bh-swiper) {
    gap: calc(var(--social-spacing) * 2);
  }

  .el-social .bh-social-rows2:not(.bh-swiper) .bh-social-post {
    flex-direction: column;
  }

  .el-social .bh-social-widget.bh-social-rows2 .bh-social-post {
    height: auto;
  }

  .el-social .bh-social-widget.bh-social-rows2 .bh-social-post,
  .el-social .bh-social-rows2 .bh-social-background-picture {
    aspect-ratio: unset;
  }

  .el-social .bh-social-rows2 .bh-social-background-picture {
    width: 100%;
    height: var(--skischule-fiss-ladis-image-background-height);
  }

  .el-social .bh-social-rows2:not(.bh-swiper) .bh-social-content {
    justify-content: flex-start;
    padding-top: 0;
  }

}

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

  .el-social .bh-social-default:not(.bh-swiper) {
    grid-template-columns: auto;
  }

}

/*-- rows2 swiper --*/

.el-social .bh-social-rows2.bh-swiper .swiper-wrapper {
  align-items: flex-start;
}

.el-social .bh-social-rows2.bh-swiper .bh-social-post:not(.swiper-slide-active) {
  margin-top: var(--social-swiper-active-slide-shift);
}

.el-social .bh-social-rows2.bh-swiper .bh-social-post.swiper-slide-active {
  color: var(--skischule-fiss-ladis-text-light);
  background: var(--social-background);
  box-shadow: 0 0.2rem 3rem rgba(var(--skischule-fiss-ladis-black-rgb), 0.15);
}

.el-social .bh-social-rows2.bh-swiper .bh-social-post.swiper-slide-active::before,
.el-social .bh-social-rows2.bh-swiper .bh-social-post.swiper-slide-active .bh-social-datewrapper,
.el-social .bh-social-rows2.bh-swiper .bh-social-post.swiper-slide-active .bh-social-message {
  color: var(--skischule-fiss-ladis-text-light);
}


/*---------------------------------------------------------------------*/
/*-- bhRoute --*/

.bhRoute .cooRouteRoot {
  --cooroute-border-radius: var(--skischule-fiss-ladis-border-radius-main);
  --cooroute-spacing: var(--website-gap-small);
  border: var(--skischule-fiss-ladis-border-main);
  border-radius: var(--cooroute-border-radius);
}

.bhRoute .cooRouteLocation {
  border-radius: var(--cooroute-border-radius) var(--cooroute-border-radius) 0 0;
  padding: var(--cooroute-spacing);
  background-color: var(--skischule-fiss-ladis-background-box);
}

.bhRoute .cooRouteLocation > form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--cooroute-spacing);
}

.bhRoute .cooRouteLocationInput {
  width: 100%;
  max-width: 16em;
  font-weight: var(--skischule-fiss-ladis-font-weight-main);
}

.bhRoute .cooRouteSubmit {
  text-transform: uppercase;
  cursor: pointer;
}

.bhRoute .cooRouteSubmit:hover,
.bhRoute .cooRouteSubmit:focus-visible {
  background-color: color-mix(in srgb, var(--skischule-fiss-ladis-background-highlight), rgb(var(--skischule-fiss-ladis-button-hover-overlay-rgb)) var(--skischule-fiss-ladis-button-hover-overlay-opacity));
}

.bhRoute .cooRouteMap {
  border-radius: 0 0 var(--cooroute-border-radius) var(--cooroute-border-radius);
  min-height: clamp(32rem, 7.512vw + 29.183rem, 40rem);
}

@media (max-width: 600px) {

  .bhRoute .cooRouteLocation > form {
    flex-direction: column;
    gap: 0;
  }

  .bhRoute .cooRouteSubmit {
    margin-top: var(--cooroute-spacing);
  }

}


/*---------------------------------------------------------------------*/
/*-- bhT3 --*/

.bhT3 .cam-frame-wrapper {
  position: relative;
  padding-top: 62%;
  height: 0;
}

.bhT3 .cam-frame-wrapper img,
.bhT3 .cam-frame-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.bhT3 .cam-frame-wrapper img {
  object-fit: cover;
  object-position: left center;
}

@media only screen and (min-width: 551px) and (max-width: 880px) {
  .bhT3 .cam-frame-wrapper {
    padding-top: 77%;
  }
}


/*---------------------------------------------------------------------*/
/*-- newslist --*/

.newslist .newslist_box:not(:last-of-type) {
  margin-bottom: var(--website-margin-small);
}

.bhCol .newslist {
  height: 36rem;
  overflow-y: auto;
  overflow-x: hidden;
}

a.newslist_box {
  display: flex;
  color: var(--skischule-fiss-ladis-text);
}

a.newslist_box.floatchildren > * {
  float: unset;
}

.newslist_pic {
  padding-right: var(--website-gap-tiny);
}

.newslist_headline {
  margin-bottom: 0.3125em;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 1.6rem;
  color: var(--skischule-fiss-ladis-text-highlight);
}

.newslist_text {
  font-size: 1.2rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-bodytext);
}

.newslist_box {
  padding-top: var(--website-padding-normal);
  padding-bottom: var(--website-padding-normal);
  transition: background var(--skischule-fiss-ladis-transition-main);
}

.newslist_box:hover,
.newslist_box:focus-visible {
  background-color: var(--skischule-fiss-ladis-background-box);
}

.newslist_box:not(:first-child) {
  border-top: var(--skischule-fiss-ladis-border-main);
}

.newslist_headline {
  margin-top: 0.21em;
  margin-left: 0.42em;
  font-size: 2.4rem;
}

.newslist_text {
  margin-left: 0.83em;
  font-size: 1.2rem;
}


/*---------------------------------------------------------------------*/
/*-- newsdetail --*/

.newslist_datum {
  display: none;
}

.newsdetail_subtext {
  margin-bottom: 0.83em;
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
  font-size: 1.2rem;
  line-height: var(--skischule-fiss-ladis-font-line-height-bodytext);
}

.newsdetail_image {
  margin-bottom: var(--website-margin-small);
}

.newsdetail_image img {
  width: 100%;
  height: auto;
}


/*---------------------------------------------------------------------*/
/*-- el-cookies-consent-button --*/

.el-cookies-consent-button .bh-cookies-consent-button {
  display: inline-block;
}

.el-cookies-consent-button .bh-cookies-popup-intro-cookies-list {
  background: var(--background-main);
}

.el-cookies-consent-button .bh-cookies-popup-intro-cookies-list-cookie-icon {
  color: var(--skischule-fiss-ladis-red);
}



/*---------------------------------------------------------------------*/
/*-- briefe berta (deprecated) --*/
/*---------------------------------------------------------------------*/

#briefe_berta_header {
  width: 500px;
  height: 205px;
  background: url("/fileadmin/images/briefeBerta/header_bg.gif") top left no-repeat;
}

#briefe_berta_header_headline {
  padding-top: 13px;
  font-family: var(--skischule-fiss-ladis-font-highlight);
  font-style: italic;
  font-weight: var(--skischule-fiss-ladis-font-weight-medium);
  font-size: 22px;
  color: var(--skischule-fiss-ladis-red);
}

#briefe_berta_header_subheadline {
  padding-top: 39px;
  padding-left: 15px;
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
  font-size: 16px;
  color: var(--skischule-fiss-ladis-red);
}

#briefe_berta_header_text {
  padding-top: 18px;
  padding-left: 15px;
  width: 300px;
  font-size: 14px;
  color: var(--skischule-fiss-ladis-text);
}

#briefe_berta_form {
  padding-top: 83px;
  width: 496px;
  height: 241px;
}

.briefe_berta_form_bg_de {
  background: url("/fileadmin/images/briefeBerta/form_bg.jpg") no-repeat top left;
}

.briefe_berta_form_bg_en {
  background: url("/fileadmin/images/briefeBerta/form_bg_en.jpg") no-repeat top left;
}

.briefe_berta_form_bg_nl {
  background: url("/fileadmin/images/briefeBerta/form_bg_nl.jpg") no-repeat top left;
}

#briefe_berta_form_left {
  float: left;
  padding-top: 14px;
  padding-left: 13px;
}

#briefe_berta_form_left_name {
  padding-bottom: 4px;
}

#briefe_berta_form_left_email {
  padding-top: 4px;
}

#briefe_berta_form_right {
  margin-left: 257px;
}

.briefe_berta_form_input {
  border: 0;
  padding: 0 10px;
  width: 202px;
  height: 29px;
  font-family: inherit;
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
  color: var(--skischule-fiss-ladis-text);
  background: url("/fileadmin/images/briefeBerta/bg_input.png") no-repeat;
}

.briefe_berta_form_texarea {
  border: 0;
  padding: 5px 5px 10px 5px;
  width: 218px;
  height: 103px;
  font-family: inherit;
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
  color: var(--skischule-fiss-ladis-text);
  background: url("/fileadmin/images/briefeBerta/bg_textarea.jpg") no-repeat;
}

#briefe_berta_form_pics_wrap {
  padding-top: 40px;
  padding-left: 19px;
  height: 63px;
}

.briefe_berta_form_pics {
  float: left;
  margin-right: 3px;
  padding: 4px;
  width: 55px;
  height: 55px;
  background: url("/fileadmin/images/briefeBerta/bg_chPic_off.png") no-repeat bottom;
  cursor: pointer;
}

.briefe_berta_form_pics_on {
  background: url("/fileadmin/images/briefeBerta/bg_chPic.png") no-repeat bottom;
  cursor: default;
}

.briefe_berta_form_button {
  border: 0;
  width: 193px;
  height: 48px;
  background: url("/fileadmin/images/briefeBerta/bg_button.gif") no-repeat;
  cursor: pointer;
}

.briefe_berta_form_button_en {
  border: 0;
  width: 193px;
  height: 48px;
  background: url("/fileadmin/images/briefeBerta/bg_button_en.gif") no-repeat;
  cursor: pointer;
}

.briefe_berta_form_button_nl {
  border: 0;
  width: 193px;
  height: 48px;
  background: url("/fileadmin/images/briefeBerta/bg_button_nl.gif") no-repeat;
  cursor: pointer;
}

#briefe_berta_form_submit {
  margin-bottom: 30px;
  padding-left: 243px;
}

#briefe_berta_ch_lang {
  margin-bottom: 20px;
}

.briefe_berta_ch_lang_texte {
  float: right;
  padding-right: 5px;
}

.briefe_berta_ch_lang_texte a,
.briefe_berta_ch_lang_texte a:link,
.briefe_berta_ch_lang_texte a:visited,
.briefe_berta_ch_lang_texte a:active,
.briefe_berta_ch_lang_texte a:hover {
  font-size: 12px;
  text-decoration: none;
  color: var(--skischule-fiss-ladis-red);
}

#briefe_berta_footer a,
#briefe_berta_footer a:link,
#briefe_berta_footer a:visited,
#briefe_berta_footer a:active,
#briefe_berta_footer a:hover {
  font-weight: var(--skischule-fiss-ladis-font-weight-main);
  font-size: 1.6rem;
  text-decoration: none;
  color: var(--skischule-fiss-ladis-text);
  background: none;
}

#briefe_berta_footer a.briefe_link_bold,
#briefe_berta_footer a.briefe_link_bold:link,
#briefe_berta_footer a.briefe_link_bold:visited,
#briefe_berta_footer a.briefe_link_bold:hover,
#briefe_berta_footer a.briefe_link_bold:active {
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
}

.briefe_berta_briefe_bfiefwrap {
  margin-bottom: 20px;
  clear: both;
}

.briefe_berta_briefe_bild {
  float: left;
}

.briefe_berta_briefe_nachricht {
  margin-left: 65px;
  padding-left: 24px;
  width: 406px;
  background: url("/fileadmin/images/briefeBerta/bg_msg_pfeil.jpg") top left no-repeat;
}

.briefe_berta_briefe_nachricht_top {
  height: 15px;
  background: url("/fileadmin/images/briefeBerta/bg_msg_top.jpg");
}

.briefe_berta_briefe_nachricht_name {
  padding: 0 20px 15px 20px;
  font-weight: var(--skischule-fiss-ladis-font-weight-highlight);
  font-size: 14px;
  color: var(--skischule-fiss-ladis-white);
  background-color: var(--skischule-fiss-ladis-yellow);
}

.briefe_berta_briefe_nachricht_text {
  padding: 0 20px 15px 20px;
  font-size: 13px;
  color: var(--skischule-fiss-ladis-text);
  background-color: var(--skischule-fiss-ladis-yellow);
}

.briefe_berta_briefe_nachricht_bottom {
  height: 15px;
  background: url("/fileadmin/images/briefeBerta/bg_msg_bottom.jpg");
}

#briefe_berta_zurueck {
  float: left;
  width: 50px;
}

#briefe_berta_vor {
  float: right;
  width: 50px;
  text-align: right;
}

#briefe_berta_pageNums {
  margin: 0 50px;
  text-align: center;
}

.briefe_berta_pageNums_number {
  float: left;
}



.address-line {
  flex-wrap: wrap !important;
  row-gap: 20px !important;
  margin-bottom:20px;
}
.address-line .form-margin {
  margin-bottom: 0px;
}
.address-line__zip {
  flex-basis: 30% !important;
}
.address-line__city {
  flex-basis: 70% !important;
}
.address-line__country {
  width: 100% !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- Accessibility Widget */

.page #bh-accessibility-widget {
  --accessibility-toggler-z-index: 80;
}

@media only screen and (max-width:1024px) {
  .page #bh-accessibility-widget {
    --accessibility-offset-horizontal: var(--website-gutter-secondary);
    --accessibility-offset-vertical: calc(var(--website-gutter-secondary) + var(--mobile-bar-height));
  }
}

.bh-skiplinks {
  --bh-skiplinks-highlight-color: var(--skischule-fiss-ladis-color-highlight);
}