
/* ===========================================================
   TEMPLATE – LISTS
   =========================================================== */

li {
  position: relative;
}

li.clean-t-li.circle-small:before {
  position: absolute;
  left: -17px;
  top: -3px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%225%22%20height%3D%225%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%222.5%22%20r%3D%222.5%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.circle-medium:before {
  position: absolute;
  left: -18px;
  top: -2px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%226%22%20height%3D%226%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.circle-medium-grey:before {
  position: absolute;
  left: -18px;
  top: -2px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%226%22%20height%3D%226%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%234b4b4b%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.circle-large:before {
  position: absolute;
  left: -19px;
  top: -1px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%228%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.tick-small:before {
  position: absolute;
  left: -23px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2210%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M12%201.8c0%20.2-.07.38-.22.52l-5.6%205.6L5.13%209c-.15.15-.32.22-.53.22-.2%200-.38-.07-.53-.22L3.02%207.93l-2.8-2.8C.07%204.98%200%204.8%200%204.6c0-.2.07-.38.22-.53l1.05-1.05c.14-.15.32-.22.53-.22.2%200%20.38.07.52.22L4.6%205.3%209.68.22C9.82.07%2010%200%2010.2%200s.4.07.53.22l1.05%201.05c.15.14.22.32.22.53z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.tick:before {
  position: absolute;
  left: -24px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2211%22%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M14%202.1c0%20.24-.08.44-.25.6L7.2%209.26%206%2010.48c-.17.17-.37.25-.6.25-.26%200-.46-.08-.63-.25L3.52%209.25.25%205.98C.08%205.8%200%205.6%200%205.38c0-.26.08-.46.25-.63l1.23-1.23c.17-.17.37-.25.62-.25.24%200%20.44.08.6.25L5.38%206.2%2011.3.24c.16-.17.36-.25.6-.25.25%200%20.45.08.62.25l1.23%201.23c.17.17.25.37.25.62z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.star-small:before {
  position: absolute;
  left: -22px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M10%203.7c0%20.08-.05.18-.16.28L7.66%206.1l.52%203.02c0%20.02%200%20.06%200%20.12%200%20.08-.02.15-.06.2-.04.07-.1.1-.18.1-.08%200-.16-.03-.24-.07L5%208.05%202.3%209.47c-.1.04-.17.07-.24.07-.08%200-.15-.03-.2-.1-.03-.05-.05-.12-.05-.2%200-.03%200-.07.02-.12l.52-3-2.2-2.14c-.1-.1-.14-.2-.14-.28%200-.15.1-.24.34-.28l3-.44L4.72.25C4.8.08%204.9%200%205%200s.22.08.3.25l1.35%202.73%203%20.44c.24.04.35.13.35.28z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.star:before {
  position: absolute;
  left: -23px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M12%204.44c0%20.1-.06.22-.2.34L9.2%207.33l.6%203.6c.02.04.02.1.02.15%200%20.1-.02.2-.07.26-.05.07-.13.1-.22.1-.1%200-.2-.02-.3-.08L6%209.66l-3.24%201.7c-.1.06-.2.08-.3.08-.1%200-.16-.03-.2-.1-.06-.07-.1-.15-.1-.26%200-.02.02-.07.03-.14l.6-3.6L.2%204.77C.06%204.65%200%204.54%200%204.44c0-.18.13-.3.4-.34l3.62-.52L5.65.3c.1-.2.2-.3.35-.3.14%200%20.26.1.35.3l1.63%203.28%203.62.52c.27.05.4.16.4.34z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.arrow:before {
  position: absolute;
  left: -19px;
  top: 1px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%227%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M1.86.13l5%205.02c.1.08.14.18.14.3s-.04.22-.13.3l-5%205.02c-.1.1-.2.13-.32.13s-.22-.04-.3-.13L.12%209.65c-.1-.08-.13-.2-.13-.3%200-.12.04-.22.13-.3l3.6-3.6-3.6-3.6c-.1-.08-.13-.18-.13-.3%200-.1.04-.2.13-.3L1.23.13c.1-.1.2-.13.32-.13s.22.04.3.13z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.arrow-large:before {
  position: absolute;
  left: -20px;
  top: 2px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%229%22%20height%3D%2214%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M2.4.17L8.8%206.6c.1.12.17.25.17.4%200%20.15-.07.28-.18.4L2.4%2013.83c-.12.1-.25.16-.4.16-.16%200-.3-.05-.4-.16L.16%2012.4c-.1-.12-.16-.25-.16-.4%200-.15.05-.28.16-.4L4.78%207%20.16%202.4C.06%202.27%200%202.14%200%202c0-.15.05-.28.16-.4L1.6.18C1.7.07%201.84%200%202%200c.15%200%20.28.06.4.17z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.arrow-full-small:before {
  position: absolute;
  left: -19px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%225%22%20height%3D%229%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M5%204.44c0%20.15-.05.3-.16.4L.94%208.72c-.1.1-.23.17-.38.17s-.3-.07-.4-.18c-.1-.1-.16-.24-.16-.4V.57C0%20.4.05.26.16.16.26.06.4%200%20.56%200c.15%200%20.28.05.4.16l3.88%203.9c.1.1.16.23.16.38z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.arrow-full:before {
  position: absolute;
  left: -19px;
  top: 1px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%226%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M6%205.33c0%20.18-.07.34-.2.47l-4.66%204.67c-.14.13-.3.2-.47.2-.18%200-.34-.07-.47-.2-.13-.13-.2-.3-.2-.47V.67C0%20.5.07.33.2.2.33.07.5%200%20.67%200c.18%200%20.33.07.47.2L5.8%204.86c.13.14.2.3.2.47z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.arrow-full-large:before {
  position: absolute;
  left: -19px;
  top: 2px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%227%22%20height%3D%2213%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M7%206.22c0%20.2-.08.4-.23.55L1.32%2012.2c-.15.17-.33.24-.54.24-.2%200-.4-.07-.55-.23-.15-.14-.23-.32-.23-.53V.77c0-.2.08-.4.23-.54C.38.08.57%200%20.78%200c.2%200%20.4.08.54.23l5.45%205.45c.15.15.23.33.23.54z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.circle-arrow:before {
  position: absolute;
  left: -21px;
  top: 1px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M5.45%209.9L9%206.35c.1-.1.14-.2.14-.35%200-.14-.05-.25-.14-.35L5.45%202.1c-.1-.1-.22-.15-.35-.15-.14%200-.26.05-.35.15l-.8.8c-.1.1-.15.2-.15.35%200%20.14.05.25.15.35L6.35%206l-2.4%202.4c-.1.1-.15.2-.15.35%200%20.14.05.25.15.35l.8.8c.1.1.2.15.35.15.13%200%20.25-.05.35-.15zM12%206c0%201.1-.27%202.1-.8%203-.54.93-1.27%201.66-2.2%202.2-.9.53-1.9.8-3%20.8s-2.1-.27-3-.8C2.06%2010.66%201.33%209.93.8%209%20.27%208.1%200%207.1%200%206s.27-2.1.8-3C1.34%202.06%202.07%201.33%203%20.8%203.9.27%204.9%200%206%200s2.1.27%203%20.8c.93.54%201.66%201.27%202.2%202.2.53.9.8%201.9.8%203z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
li.clean-t-li.circle-arrow-large:before {
  position: absolute;
  left: -23px;
  top: 2px;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%2300BCD6%22%3E%3Cpath%20d%3D%22M6.36%2011.55L10.5%207.4c.1-.1.17-.24.17-.4%200-.16-.06-.3-.18-.4L6.35%202.44c-.12-.1-.26-.17-.4-.17-.17%200-.3.06-.42.17l-.93.93c-.1.12-.17.25-.17.4%200%20.17.06.3.18.42L7.4%207%204.6%209.8c-.1.1-.17.25-.17.4%200%20.17.06.3.18.42l.94.93c.1.1.25.17.4.17.16%200%20.3-.06.42-.17zM14%207c0%201.27-.3%202.44-.94%203.5-.62%201.1-1.47%201.94-2.55%202.56-1.06.63-2.23.94-3.5.94s-2.44-.3-3.5-.94C2.4%2012.44%201.55%2011.6.93%2010.5.3%209.45%200%208.28%200%207s.3-2.44.94-3.5C1.56%202.4%202.4%201.55%203.5.93%204.55.3%205.72%200%207%200s2.44.3%203.5.94c1.1.62%201.94%201.47%202.56%202.55.63%201.06.94%202.23.94%203.5z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}




/* ===========================================================
   TEMPLATE – NAVIGATION
   =========================================================== */

/* <>========<>
   Mobile Nav-Menu Height/Viewport Fixes
   <>========<> */

   /* Offset for Nav-Dropdown, if higher than bottom of Navbar
   .w-nav-overlay {
     position: fixed;
     top: 105px;
   } */

   @media screen and (max-width: 911px) {
     /* .clean-t-nav-menu-wrapper {
       max-height: calc(100vh - 66px);
     } */
     /* Momentum Scrolling on iOS Overflow Elements */
     .clean-t-nav-menu-wrapper {
       overflow-y: auto;
       -webkit-overflow-scrolling: touch;
     }
     /* .clean-t-nav-menu-wrapper.fixed-buttom-wrapper {
       max-height: calc(100vh - 116px);
     } */
   }
   @media screen and (max-width: 479px) {
     /* .clean-t-nav-menu-wrapper {
       max-height: calc(100vh - 54px);
     } */
     /* .clean-t-nav-menu-wrapper.fixed-buttom-wrapper {
       max-height: calc(100vh - 104px);
     } */
   }

/* <>========<>
   Language Dropdown Additions
   <>========<> */

   /* Language Dropdown – Hover */
   .clean-t-language-link:hover > .clean-t-language-arrow {
     opacity: 1;
   }
   /* Large Language Dropdown with Icon – Block Hover on Touch with Icon */
   .clean-t-language-icon {
     pointer-events: none;
   }
   /* Small Language Dropdown without Icon – Hover */
   @media screen and (min-width: 911px) {
     .clean-t-language-link.simple-lang-link:hover
     .clean-t-lang-link-text {
       opacity: 0.5;
     }
     .clean-t-language-link.simple-lang-link:hover
     .clean-t-lang-link-text.lang-text-link-inactive {
       opacity: 1;
     }
   }


/* ===========================================================
   TEMPLATE – FORMS
   =========================================================== */

   .clean-t-checkbox-label {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    }


 /* <>========<>
    Radio-Toggl Interactions
    <>========<> */

    .w-radio-input.clean-t-radio-el:checked + .clean-t-radio-overlay{
      opacity: 1;
    }
    .w-radio-input.clean-t-radio-el:checked + .clean-t-radio-overlay .clean-t-radio-toggl {
      opacity: 1;
      -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
      -ms-transform: scaleX(1) scaleY(1) scaleZ(1);
      transform: scaleX(1) scaleY(1) scaleZ(1);
    }


 /* <>========<>
    Ckeckbox Interactions
    <>========<> */

    .clean-t-checkbox-icon {
      -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
      transform: scale(0.7);
    }

    .clean-t-checkbox-el.w-checkbox-input:checked +
    .clean-t-checkbox-overlay{
      opacity: 1;
    }
    .clean-t-checkbox-el.w-checkbox-input:checked +
    .clean-t-checkbox-overlay
    .clean-t-checkbox-icon{
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }


/* <>========<>
   Dynamic Labels – Label Interactions
   <>========<> */

   :root {
     --dynamic-label-scale: scale(.8); /* Adjusts the size of the label when moved to top */
     --dynamic-label-top: -28px; /* Adjusts the distance of the label to the input fild */
     --dynamic-label-opacity: 1; /* Adjusts the opacity of the label when moved to top */
   }

   .clean-t-dynamic-field-label {
     pointer-events: none;
   }
   .clean-t-text-field.dynamic-field:focus ~ .clean-t-dynamic-field-label,
   .clean-t-text-field.text-area.dynamic-field:focus ~ .clean-t-dynamic-field-label {
     top: var(--dynamic-label-top);
     left: 0px;
     opacity: var(--dynamic-label-opacity);
     -webkit-transform: var(--dynamic-label-scale);
     -ms-transform: var(--dynamic-label-scale);
     transform: var(--dynamic-label-scale);
     -webkit-transform-origin: 0 50%;
     -ms-transform-origin: 0 50%;
     transform-origin: 0 50%;
   }
   /* Funktioniert nicht in: IE, Edge und Opera Mini – Muss Leerzeichen als Platzhalter im Input-Element beinhalten (Spacebar) */
   .clean-t-text-field.dynamic-field:not(:placeholder-shown) ~ .clean-t-dynamic-field-label,
   .clean-t-text-field.text-area.dynamic-field:not(:placeholder-shown) ~ .clean-t-dynamic-field-label {
     top: var(--dynamic-label-top);
     left: 0px;
     opacity: var(--dynamic-label-opacity);
     -webkit-transform: var(--dynamic-label-scale);
     -ms-transform: var(--dynamic-label-scale);
     transform: var(--dynamic-label-scale);
     -webkit-transform-origin: 0 50%;
     -ms-transform-origin: 0 50%;
     transform-origin: 0 50%;
   }
   /* IE 10&11 Browser Fork – Label always up top */
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .clean-t-dynamic-field-label {
       top: -26px;
       left: 0px;
       opacity: 0.8;
       -webkit-transform: scale(.8);
       -ms-transform: scale(.8);
       transform: scale(.8);
       -webkit-transform-origin: 0 50%;
       -ms-transform-origin: 0 50%;
       transform-origin: 0 50%;
     }
   }
   /* Edge 12+ Browser Fork – Label always up top  */
   @supports (-ms-ime-align:auto) {
     .clean-t-dynamic-field-label {
       top: var(--dynamic-label-top);
       left: 0px;
       opacity: var(--dynamic-label-opacity)
       -webkit-transform: var(--dynamic-label-scale);
       -ms-transform: var(--dynamic-label-scale);
       transform: var(--dynamic-label-scale);
       -webkit-transform-origin: 0 50%;
       -ms-transform-origin: 0 50%;
       transform-origin: 0 50%;
     }
     /* Opera Mini Browser Fork – Label always up top  */
     _:-o-prefocus, :root .clean-t-dynamic-field-label {
       top: var(--dynamic-label-top);
       left: 0px;
       opacity: var(--dynamic-label-opacity);
       -webkit-transform: var(--dynamic-label-scale);
       -ms-transform: var(--dynamic-label-scale);
       transform: var(--dynamic-label-scale);
       -webkit-transform-origin: 0 50%;
       -ms-transform-origin: 0 50%;
       transform-origin: 0 50%;
     }
   }

/* <>========<>
   Formfield Required Validation
   <>========<> */

   .clean-t-text-field-status-icon {
     pointer-events: none;
     background-position: 50% 50%;
     background-repeat: no-repeat;
   }

   /***** All 'required' input states: *****/
   /*
   :required {
   border-color: rgba(0, 0, 0, 0.1);
   } */

   /* If a 'required' input has been touched and is invalid */
   .touched:required:invalid {
     border-color: rgba(236, 21, 73, 0.2) !important;
   }
   .touched:required:invalid ~ .clean-t-text-field-status-icon {
     opacity: 1;
     background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%225px%22%20height%3D%2216px%22%20viewBox%3D%220%200%205%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Export%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22ui_form_invalid%22%20fill%3D%22%23D0021B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.66166429%2C12.7272743%20L4.66166429%2C15.2727274%20C4.66166429%2C15.4696982%204.59035895%2C15.640151%204.44774828%2C15.784091%20C4.30513761%2C15.928031%204.13626093%2C16%203.94110816%2C16%20L1.05889144%2C16%20C0.863740435%2C16%200.694862243%2C15.928031%200.552251823%2C15.784091%20C0.409641403%2C15.640151%200.338337328%2C15.4696982%200.338337328%2C15.2727274%20L0.338337328%2C12.7272743%20C0.338337328%2C12.530302%200.409641403%2C12.3598508%200.552251823%2C12.2159105%20C0.694862243%2C12.0719702%200.863740435%2C12%201.05889144%2C12%20L3.94110816%2C12%20C4.13626093%2C12%204.30513761%2C12.0719702%204.44774828%2C12.2159105%20C4.59035895%2C12.3598508%204.66166429%2C12.530302%204.66166429%2C12.7272743%20Z%20M4.99942269%2C0.720553611%20L4.68418017%2C9.28289235%20C4.67667488%2C9.47804513%204.59974057%2C9.64692181%204.45337725%2C9.78953248%20C4.30701393%2C9.93214315%204.13626093%2C10.0034485%203.94110816%2C10.0034485%20L1.05889144%2C10.0034485%20C0.863740435%2C10.0034485%200.692985667%2C9.93214315%200.546622348%2C9.78953248%20C0.400259029%2C9.64692181%200.323325731%2C9.47804513%200.315819933%2C9.28289235%20L0.000577377811%2C0.720553611%20C-0.00692843562%2C0.525403359%200.0587464421%2C0.356524158%200.197603963%2C0.213913486%20C0.336461509%2C0.0713028141%200.503463377%2C0%200.698614386%2C0%20L4.30138496%2C0%20C4.49653773%2C0%204.66353809%2C0.0713028141%204.80239612%2C0.213913486%20C4.94125414%2C0.356524158%205.00692798%2C0.525403359%204.99942269%2C0.720553611%20Z%22%20id%3D%22Page-1%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E");
   }
   /* If a 'required' input has been touched and is valid */
   .touched:required:valid ~ .clean-t-text-field-status-icon,
   /* If a normal input has been touched and text input is inside it */
   /* Funktioniert nich in: IE, Edge und Opera Mini – Muss Leerzeichen als Platzhalter im Input-Element beinhalten (Spacebar) */
   .clean-t-text-field:not(:placeholder-shown) ~ .clean-t-text-field-status-icon {
     opacity: 1;
     background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2016%2013%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Ctitle%3Eui_form_valid%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Export%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22ui_form_valid%22%20fill%3D%22%2347D302%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16%2C2.25020588%20C16%2C2.52546138%2015.9036575%2C2.75942671%2015.7109677%2C2.95210418%20L8.23741918%2C10.4252677%20L6.83354792%2C11.8290664%20C6.64085821%2C12.0217456%206.40688313%2C12.1180838%206.13161344%2C12.1180838%20C5.85634143%2C12.1180838%205.62236636%2C12.0217456%205.42967665%2C11.8290664%20L4.02580538%2C10.4252677%20L0.289032252%2C6.688687%20C0.0963431206%2C6.49600722%200%2C6.26204421%200%2C5.98678639%20C0%2C5.71153089%200.0963431206%2C5.47756787%200.289032252%2C5.28488809%20L1.69290329%2C3.88108919%20C1.88559231%2C3.68840941%202.11956854%2C3.59207183%202.394838%2C3.59207183%20C2.67010769%2C3.59207183%202.90408508%2C3.68840941%203.09677479%2C3.88108919%20L6.13161344%2C6.92609279%20L12.9032252%2C0.144508677%20C13.0959149%2C-0.0481711004%2013.32989%2C-0.144508677%2013.605162%2C-0.144508677%20C13.8804317%2C-0.144508677%2014.1144068%2C-0.0481711004%2014.3070965%2C0.144508677%20L15.7109677%2C1.54830527%20C15.9036575%2C1.74098505%2016%2C1.97495038%2016%2C2.25020588%20Z%22%20id%3D%22Page-1%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E");
   }



/*
 * Balloon.css
 *
 * http://kazzkiq.github.io/balloon.css/
 *
 */

 button[data-balloon] {
   overflow: visible; }

 [data-balloon] {
   position: relative;
   cursor: pointer; }
 [data-balloon]:after {
   filter: alpha(opacity=0);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: all 0.18s ease-out 0.18s;
   -moz-transition: all 0.18s ease-out 0.18s;
   -ms-transition: all 0.18s ease-out 0.18s;
   -o-transition: all 0.18s ease-out 0.18s;
   transition: all 0.18s ease-out 0.18s;
   transition-delay: 0s;
   /* font-family: sans-serif !important; */
   font-weight: normal !important;
   font-style: normal !important;
   text-shadow: none !important;
   font-size: 12px !important;
   line-height: 1.5em !important;
   letter-spacing: 0.2px !important;
   background: rgba(17, 17, 17, 0.9);
   border-radius: 4px;
   color: #fff;
   content: attr(data-balloon);
   padding: .7em 1em;
   position: absolute;
   white-space: nowrap;
   z-index: 10; }
 [data-balloon]:before {
   background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
   background-size: 100% auto;
   width: 18px;
   height: 6px;
   filter: alpha(opacity=0);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: all 0.18s ease-out 0.18s;
   -moz-transition: all 0.18s ease-out 0.18s;
   -ms-transition: all 0.18s ease-out 0.18s;
   -o-transition: all 0.18s ease-out 0.18s;
   transition: all 0.18s ease-out 0.18s;
   transition-delay: 0s;
   content: '';
   position: absolute;
   z-index: 10; }
 [data-balloon]:hover:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:before, [data-balloon][data-balloon-visible]:after {
   filter: alpha(opacity=100);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   pointer-events: auto; }
 [data-balloon-delay="0.5"]:hover:before, [data-balloon-delay="0.5"]:hover:after {
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   transition-delay: 0.5s; }
 [data-balloon-delay="0.75"]:hover:before, [data-balloon-delay="0.75"]:hover:after {
   -webkit-transition-delay: 0.75s;
   -moz-transition-delay: 0.75s;
   -ms-transition-delay: 0.75s;
   -o-transition-delay: 0.75s;
   transition-delay: 0.75s; }
 [data-balloon-delay="1"]:hover:before, [data-balloon-delay="1"]:hover:after {
   -webkit-transition-delay: 1s;
   -moz-transition-delay: 1s;
   -ms-transition-delay: 1s;
   -o-transition-delay: 1s;
   transition-delay: 1s; }
 [data-balloon-delay="1.25"]:hover:before, [data-balloon-delay="1.25"]:hover:after {
   -webkit-transition-delay: 1.25s;
   -moz-transition-delay: 1.25s;
   -ms-transition-delay: 1.25s;
   -o-transition-delay: 1.25s;
   transition-delay: 1.25s; }
 [data-balloon].font-awesome:after {
   font-family: FontAwesome; }
 [data-balloon][data-balloon-break]:after {
   white-space: pre; }
 [data-balloon][data-balloon-blunt]:before, [data-balloon][data-balloon-blunt]:after {
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
   -o-transition: none;
   transition: none; }
 [data-balloon][data-balloon-pos="up"]:after {
   bottom: 100%;
   left: 50%;
   margin-bottom: 11px;
   -webkit-transform: translate(-50%, 10px);
   -moz-transform: translate(-50%, 10px);
   -ms-transform: translate(-50%, 10px);
   transform: translate(-50%, 10px);
   -webkit-transform-origin: top;
   -moz-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top; }
 [data-balloon][data-balloon-pos="up"]:before {
   bottom: 100%;
   left: 50%;
   margin-bottom: 5px;
   -webkit-transform: translate(-50%, 10px);
   -moz-transform: translate(-50%, 10px);
   -ms-transform: translate(-50%, 10px);
   transform: translate(-50%, 10px);
   -webkit-transform-origin: top;
   -moz-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top; }
 [data-balloon][data-balloon-pos="up"]:hover:after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after {
   -webkit-transform: translate(-50%, 0);
   -moz-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0); }
 [data-balloon][data-balloon-pos="up"]:hover:before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before {
   -webkit-transform: translate(-50%, 0);
   -moz-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0); }
 [data-balloon][data-balloon-pos="up-left"]:after {
   bottom: 100%;
   left: 0;
   margin-bottom: 11px;
   -webkit-transform: translate(0, 10px);
   -moz-transform: translate(0, 10px);
   -ms-transform: translate(0, 10px);
   transform: translate(0, 10px);
   -webkit-transform-origin: top;
   -moz-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top; }
 [data-balloon][data-balloon-pos="up-left"]:before {
   bottom: 100%;
   left: 5px;
   margin-bottom: 5px;
   -webkit-transform: translate(0, 10px);
   -moz-transform: translate(0, 10px);
   -ms-transform: translate(0, 10px);
   transform: translate(0, 10px);
   -webkit-transform-origin: top;
   -moz-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top; }
 [data-balloon][data-balloon-pos="up-left"]:hover:after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); }
 [data-balloon][data-balloon-pos="up-left"]:hover:before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); }
 [data-balloon][data-balloon-pos="up-right"]:after {
   bottom: 100%;
   right: 0;
   margin-bottom: 11px;
   -webkit-transform: translate(0, 10px);
   -moz-transform: translate(0, 10px);
   -ms-transform: translate(0, 10px);
   transform: translate(0, 10px);
   -webkit-transform-origin: top;
   -moz-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top; }
 [data-balloon][data-balloon-pos="up-right"]:before {
   bottom: 100%;
   right: 5px;
   margin-bottom: 5px;
   -webkit-transform: translate(0, 10px);
   -moz-transform: translate(0, 10px);
   -ms-transform: translate(0, 10px);
   transform: translate(0, 10px);
   -webkit-transform-origin: top;
   -moz-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top; }
 [data-balloon][data-balloon-pos="up-right"]:hover:after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); }
 [data-balloon][data-balloon-pos="up-right"]:hover:before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); }
 [data-balloon][data-balloon-pos='down']:after {
   left: 50%;
   margin-top: 11px;
   top: 100%;
   -webkit-transform: translate(-50%, -10px);
   -moz-transform: translate(-50%, -10px);
   -ms-transform: translate(-50%, -10px);
   transform: translate(-50%, -10px); }
 [data-balloon][data-balloon-pos='down']:before {
   background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
   background-size: 100% auto;
   width: 18px;
   height: 6px;
   left: 50%;
   margin-top: 5px;
   top: 100%;
   -webkit-transform: translate(-50%, -10px);
   -moz-transform: translate(-50%, -10px);
   -ms-transform: translate(-50%, -10px);
   transform: translate(-50%, -10px); }
 [data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
   -webkit-transform: translate(-50%, 0);
   -moz-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0); }
 [data-balloon][data-balloon-pos='down']:hover:before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before {
   -webkit-transform: translate(-50%, 0);
   -moz-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0); }
 [data-balloon][data-balloon-pos='down-left']:after {
   left: 0;
   margin-top: 11px;
   top: 100%;
   -webkit-transform: translate(0, -10px);
   -moz-transform: translate(0, -10px);
   -ms-transform: translate(0, -10px);
   transform: translate(0, -10px); }
 [data-balloon][data-balloon-pos='down-left']:before {
   background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
   background-size: 100% auto;
   width: 18px;
   height: 6px;
   left: 5px;
   margin-top: 5px;
   top: 100%;
   -webkit-transform: translate(0, -10px);
   -moz-transform: translate(0, -10px);
   -ms-transform: translate(0, -10px);
   transform: translate(0, -10px); }
 [data-balloon][data-balloon-pos='down-left']:hover:after, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); }
 [data-balloon][data-balloon-pos='down-left']:hover:before, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); }
 [data-balloon][data-balloon-pos='down-right']:after {
   right: 0;
   margin-top: 11px;
   top: 100%;
   -webkit-transform: translate(0, -10px);
   -moz-transform: translate(0, -10px);
   -ms-transform: translate(0, -10px);
   transform: translate(0, -10px); }
 [data-balloon][data-balloon-pos='down-right']:before {
   background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
   background-size: 100% auto;
   width: 18px;
   height: 6px;
   right: 5px;
   margin-top: 5px;
   top: 100%;
   -webkit-transform: translate(0, -10px);
   -moz-transform: translate(0, -10px);
   -ms-transform: translate(0, -10px);
   transform: translate(0, -10px); }
 [data-balloon][data-balloon-pos='down-right']:hover:after, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); }
 [data-balloon][data-balloon-pos='down-right']:hover:before, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before {
   -webkit-transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0); }
 [data-balloon][data-balloon-pos='left']:after {
   margin-right: 11px;
   right: 100%;
   top: 50%;
   -webkit-transform: translate(10px, -50%);
   -moz-transform: translate(10px, -50%);
   -ms-transform: translate(10px, -50%);
   transform: translate(10px, -50%); }
 [data-balloon][data-balloon-pos='left']:before {
   background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
   background-size: 100% auto;
   width: 6px;
   height: 18px;
   margin-right: 5px;
   right: 100%;
   top: 50%;
   -webkit-transform: translate(10px, -50%);
   -moz-transform: translate(10px, -50%);
   -ms-transform: translate(10px, -50%);
   transform: translate(10px, -50%); }
 [data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after {
   -webkit-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%); }
 [data-balloon][data-balloon-pos='left']:hover:before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:before {
   -webkit-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%); }
 [data-balloon][data-balloon-pos='right']:after {
   left: 100%;
   margin-left: 11px;
   top: 50%;
   -webkit-transform: translate(-10px, -50%);
   -moz-transform: translate(-10px, -50%);
   -ms-transform: translate(-10px, -50%);
   transform: translate(-10px, -50%); }
 [data-balloon][data-balloon-pos='right']:before {
   background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
   background-size: 100% auto;
   width: 6px;
   height: 18px;
   left: 100%;
   margin-left: 5px;
   top: 50%;
   -webkit-transform: translate(-10px, -50%);
   -moz-transform: translate(-10px, -50%);
   -ms-transform: translate(-10px, -50%);
   transform: translate(-10px, -50%); }
 [data-balloon][data-balloon-pos='right']:hover:after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:after {
   -webkit-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%); }
 [data-balloon][data-balloon-pos='right']:hover:before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:before {
   -webkit-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%); }
 [data-balloon][data-balloon-length='small']:after {
   white-space: normal;
   width: 80px; }
 [data-balloon][data-balloon-length='medium']:after {
   white-space: normal;
   width: 150px; }
 [data-balloon][data-balloon-length='large']:after {
   white-space: normal;
   width: 260px; }
 [data-balloon][data-balloon-length='xlarge']:after {
   white-space: normal;
   width: 380px; }
   @media screen and (max-width: 768px) {
     [data-balloon][data-balloon-length='xlarge']:after {
       white-space: normal;
       width: 90vw; } }
 [data-balloon][data-balloon-length='fit']:after {
   white-space: normal;
   width: 100%; }
