.elementor-4530 .elementor-element.elementor-element-d0355a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4530 .elementor-element.elementor-element-0816f38{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4530 .elementor-element.elementor-element-0816f38 p{margin-block-end:0.5em;}.elementor-4530 .elementor-element.elementor-element-a763697{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4530 .elementor-element.elementor-element-a763697 .elementor-divider-separator{width:100%;}.elementor-4530 .elementor-element.elementor-element-a763697 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4530 .elementor-element.elementor-element-d8f2506{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4530 .elementor-element.elementor-element-d8f2506 p{margin-block-end:0.5em;}.elementor-4530 .elementor-element.elementor-element-aefb899 .elementor-blockquote__content{font-family:"Urbanist", Sans-serif;font-size:21px;font-weight:500;}.elementor-4530 .elementor-element.elementor-element-aefb899 .elementor-blockquote__content +.e-q-footer{margin-top:0px;}.elementor-4530 .elementor-element.elementor-element-aefb899 .elementor-blockquote{border-color:#363636;padding-top:8px;padding-bottom:8px;}body:not(.rtl) .elementor-4530 .elementor-element.elementor-element-aefb899 .elementor-blockquote{border-left-width:5px;padding-left:25px;}body.rtl .elementor-4530 .elementor-element.elementor-element-aefb899 .elementor-blockquote{border-right-width:5px;padding-right:25px;}.elementor-4530 .elementor-element.elementor-element-13522ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4530 .elementor-element.elementor-element-13522ce p{margin-block-end:0.5em;}.elementor-4530 .elementor-element.elementor-element-3e902b0{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4530 .elementor-element.elementor-element-3e902b0 .elementor-divider-separator{width:100%;}.elementor-4530 .elementor-element.elementor-element-3e902b0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4530 .elementor-element.elementor-element-5bce5a6{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4530 .elementor-element.elementor-element-5bce5a6 .elementor-divider-separator{width:100%;}.elementor-4530 .elementor-element.elementor-element-5bce5a6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4530 .elementor-element.elementor-element-c3d995e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4530 .elementor-element.elementor-element-c3d995e p{margin-block-end:0.5em;}.elementor-4530 .elementor-element.elementor-element-3798d0b img{border-radius:10px 10px 10px 10px;}.elementor-4530 .elementor-element.elementor-element-3798d0b .widget-image-caption{text-align:end;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-b914ea7-font-family ), Sans-serif;font-size:var( --e-global-typography-b914ea7-font-size );font-weight:var( --e-global-typography-b914ea7-font-weight );text-transform:var( --e-global-typography-b914ea7-text-transform );font-style:var( --e-global-typography-b914ea7-font-style );text-decoration:var( --e-global-typography-b914ea7-text-decoration );line-height:var( --e-global-typography-b914ea7-line-height );letter-spacing:var( --e-global-typography-b914ea7-letter-spacing );word-spacing:var( --e-global-typography-b914ea7-word-spacing );}.elementor-4530 .elementor-element.elementor-element-c252d0c{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4530 .elementor-element.elementor-element-c252d0c .elementor-divider-separator{width:100%;}.elementor-4530 .elementor-element.elementor-element-c252d0c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4530 .elementor-element.elementor-element-72ddec1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4530 .elementor-element.elementor-element-72ddec1 p{margin-block-end:0.5em;}.elementor-4530 .elementor-element.elementor-element-c00f399{--divider-border-style:solid;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-4530 .elementor-element.elementor-element-c00f399 .elementor-divider-separator{width:100%;}.elementor-4530 .elementor-element.elementor-element-c00f399 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4530 .elementor-element.elementor-element-063f959{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4530 .elementor-element.elementor-element-063f959 p{margin-block-end:0.5em;}@media(max-width:1024px){.elementor-4530 .elementor-element.elementor-element-3798d0b .widget-image-caption{font-size:var( --e-global-typography-b914ea7-font-size );line-height:var( --e-global-typography-b914ea7-line-height );letter-spacing:var( --e-global-typography-b914ea7-letter-spacing );word-spacing:var( --e-global-typography-b914ea7-word-spacing );}}@media(max-width:767px){.elementor-4530 .elementor-element.elementor-element-3798d0b .widget-image-caption{font-size:var( --e-global-typography-b914ea7-font-size );line-height:var( --e-global-typography-b914ea7-line-height );letter-spacing:var( --e-global-typography-b914ea7-letter-spacing );word-spacing:var( --e-global-typography-b914ea7-word-spacing );}}/* Start custom CSS for text-editor, class: .elementor-element-d8f2506 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13522ce *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b6300e */.meta-box2{
  margin: 40px 0;
  padding: 22px 22px;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  background: #fff;
  color: #363636;
}

/* Elementor überschreibt gern Farben/Typo */
.meta-box2, .meta-box2 *{
  color: #363636;
}

.meta-box2__kicker{
  margin: 0 0 6px;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .6;
}

.meta-box2__title{
  margin: 0 0 14px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
}

.meta-box2__text{
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.65;
  opacity: .9;
}

.meta-box2__text:last-of-type{
  margin-bottom: 14px;
}

/* Highlight wie dein Learning-Style */
.meta-box2__learning{
  margin: 0;
  padding-left: 12px;
  border-left: 2px solid rgba(54,54,54,.22);
  font-size: 13.5px;
  line-height: 1.6;
  font-weight: 600;
  opacity: .95;
}

/* Mobile */
@media (max-width: 480px){
  .meta-box2{
    padding: 18px 16px;
    border-radius: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c3d995e *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-72ddec1 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-063f959 *//* =========================================================
   Best-practice Tooltip (Desktop hover + Mobile tap)
   - Desktop: classic tooltip above the term
   - Mobile: fixed TOP sheet so it never gets cut off
   - Accessibility: focusable wrapper + visible on focus
   - Mobile UX: reduce copy/search callouts as much as CSS allows
   ========================================================= */

/* --- Tooltip trigger / wrapper --- */
.bb-tooltip {
  position: relative;
  display: inline;
  cursor: help;

  /* visual affordance */
  border-bottom: 1px dotted #999;

  /* nicer tap/hover */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* Optional: stronger focus ring for keyboard users */
.bb-tooltip:focus-visible {
  outline: 2px solid rgba(54, 54, 54, 0.6);
  outline-offset: 3px;
  border-bottom-color: transparent; /* avoids double-underline look */
}

/* --- Tooltip box (Desktop default) --- */
.bb-tooltip__text {
  visibility: hidden;
  opacity: 0;

  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;

  width: max-content;
  max-width: 280px;

  font-size: 14px;
  line-height: 1.4;
  text-align: left;

  z-index: 9999;

  /* tooltip shouldn't block clicks/selection */
  pointer-events: none;

  transition: opacity 0.18s ease;
}

/* Arrow (Desktop) */
.bb-tooltip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}

/* Show on hover (Desktop) */
.bb-tooltip:hover .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Show on focus (Keyboard + Mobile tap if wrapper is focusable via tabindex) */
.bb-tooltip:focus .bb-tooltip__text,
.bb-tooltip:focus-within .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* Also show on active press (some mobile browsers) */
.bb-tooltip:active .bb-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   Mobile: render tooltip as TOP sheet so it never gets cut off
   ========================================================= */
@media (max-width: 768px) {
  /* Reduce OS copy/search callouts as much as possible (esp. iOS) */
  .bb-tooltip {
    -webkit-touch-callout: none; /* iOS: disable callout where possible */
    -webkit-user-select: none;   /* iOS/Safari */
    user-select: none;           /* modern browsers */
    touch-action: manipulation;  /* reduce long-press/double-tap quirks */
  }

  .bb-tooltip__text {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 16px;
    bottom: auto;

    transform: none;

    width: auto;
    max-width: none;

    box-sizing: border-box;

    /* still don't trap taps */
    pointer-events: none;

    border-radius: 12px;
    padding: 12px 14px;

    /* optional depth */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

  /* Arrow makes no sense for top sheet */
  .bb-tooltip__text::after {
    display: none;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .bb-tooltip__text {
    transition: none;
  }
}/* End custom CSS */