/* karma-700 - latin */
@font-face {
  font-family: 'Karma';
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/karma-v16-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/karma-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../Fonts/karma-v16-latin-700.woff2") format("woff2"), url("../Fonts/karma-v16-latin-700.woff") format("woff"), url("../Fonts/karma-v16-latin-700.ttf") format("truetype"), url("../Fonts/karma-v16-latin-700.svg#Karma") format("svg");
  /* Legacy iOS */ }
@keyframes teaser__sidebar_fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.teaser__sidebar {
  animation-name: teaser__sidebar_fade;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: backwards;
  animation-delay: 0.75s;
  position: fixed;
  right: 0 !important;
  z-index: 1019;
  top: 250px;
  margin: 0;
  width: 495px; }
  .teaser__sidebar .is-mobile {
    display: none; }
    @media (max-width: 481px) {
      .teaser__sidebar .is-mobile {
        display: block; } }
  @media (min-width: 481px) {
    .teaser__sidebar {
      margin-top: 0 !important; } }
  @media (max-width: 481px) {
    .teaser__sidebar {
      margin-right: 0 !important;
      width: 100%;
      top: 65px; } }
  .teaser__sidebar__icon {
    display: inline-block;
    width: 16px; }
  .teaser__sidebar__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    @media (max-width: 481px) {
      .teaser__sidebar__container {
        flex-direction: column-reverse; } }
  .teaser__sidebar__toggle {
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
    text-align: center;
    position: relative;
    background-color: #92d400; }
    @media (max-width: 481px) {
      .teaser__sidebar__toggle {
        writing-mode: horizontal-tb;
        transform: rotate(0deg); } }
    .teaser__sidebar__toggle_bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background-position: center;
      opacity: 0.2;
      z-index: -1; }
      @media (min-width: 481px) {
        .teaser__sidebar__toggle_bg {
          transform: rotate(-180deg); } }
    .teaser__sidebar__toggle h3 {
      font-family: Karma,Georgia,"Times New Roman",Times,serif;
      font-size: 32px;
      font-weight: 600;
      display: block;
      color: #fff;
      user-select: none;
      line-height: 1;
      padding: 60px 26px 0 18px;
      margin: 0; }
      @media (max-width: 481px) {
        .teaser__sidebar__toggle h3 {
          padding: 26px 0 18px 60px; } }
    .teaser__sidebar__toggle__button {
      cursor: pointer;
      display: block;
      width: 38px;
      height: 38px;
      position: absolute;
      top: 19px;
      left: 19px;
      background: #fff url("Icons/arrow.svg") no-repeat center center;
      background-size: 16px;
      transform: rotate(-180deg); }
      @media (max-width: 481px) {
        .teaser__sidebar__toggle__button {
          transform: rotate(-90deg); } }
      .collapsed .teaser__sidebar__toggle__button {
        transform: rotate(0deg); }
        @media (max-width: 481px) {
          .collapsed .teaser__sidebar__toggle__button {
            transform: rotate(-270deg); } }
  .teaser__sidebar__content {
    flex: 1;
    min-height: 250px;
    position: relative;
    padding: 37px 40px 65px 40px;
    background-color: #4d4f53; }
    .teaser__sidebar__content > * {
      z-index: 2;
      position: relative; }
    .teaser__sidebar__content * {
      font-family: Karma,Georgia,"Times New Roman",Times,serif;
      color: #fff; }
    .teaser__sidebar__content_bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background-position: center;
      opacity: 0.2;
      z-index: 1; }
    .teaser__sidebar__content header h3 {
      font-size: 28px;
      margin: 0;
      padding: 0;
      line-height: 1.125; }
    .teaser__sidebar__content header p {
      font-family: "Open Sans",Arial,sans-serif;
      font-size: 16px;
      padding: 0;
      margin: 0 0 20px; }
    .teaser__sidebar__content p {
      font-size: 16px;
      line-height: 1.25;
      letter-spacing: 0.05em;
      margin: 0 0 10px;
      padding: 0; }
      .teaser__sidebar__content p strong, .teaser__sidebar__content p b {
        font-weight: 700; }
    .teaser__sidebar__content__logo {
      display: block;
      margin: 0 0 32px;
      height: 37px;
      width: auto; }
    .teaser__sidebar__content__link {
      font-family: "Open Sans",Arial,sans-serif;
      font-size: 16px;
      font-weight: bold;
      line-height: 1;
      position: absolute;
      right: 40px;
      bottom: 28px;
      color: #92d400;
      text-decoration: none;
      padding: 0 36px 0 0;
      display: inline-block; }
      .teaser__sidebar__content__link:after {
        content: "";
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        right: 0;
        background-image: url("Icons/arrow.svg");
        background-size: 16px;
        -webkit-transition: right 0.2s ease;
        -moz-transition: right 0.2s ease;
        -o-transition: right 0.2s ease;
        transition: right 0.2s ease; }
      .teaser__sidebar__content__link:hover {
        text-decoration: underline; }
        .teaser__sidebar__content__link:hover:after {
          right: -3px; }

/*# sourceMappingURL=TeaserSidebar.css.map */