/*! eifel, Compiled at 2024-08-07 10:55:55 */
/**
 * eifel
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2024 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     David Kelemen <kelemen@infomax-it.de>
 * @since      18.06.2024
 */
/**
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2021-11-29
 */
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2021-11-29
 */
/**

Navigation:
A. Breakpoints
B. Mediaqueries

**/
/*  =========================================================
 =A. Breakpoints
========================================================= */
/*  =========================================================
 =B. Mediaqueries
========================================================= */
/**
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2021-11-29
 */
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/*  =========================================================
status
========================================================= */
:root {
  --color-primary__lighter: color-mix(in srgb, var(--color-primary), green 10%);
}
.stickyElement--visible {
  left: 0;
  z-index: 2;
}
.stickyElement--hidden {
  right: -200vw;
}
/*  =========================================================
trigger
========================================================= */
#stickyElement--closed {
  background-color: var(--color-primary__lighter);
  bottom: 0;
  cursor: pointer;
  height: 45px;
  margin: 0;
  padding: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 601px) {
  #stickyElement--closed {
    left: 50%;
    -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    width: 400px;
  }
}
@media (min-width: 1170px) {
  #stickyElement--closed {
    bottom: inherit;
    padding: 5px;
    height: 400px;
    left: 0;
    width: 60px;
    top: 50%;
    -ms-transform-origin: bottom center;
        transform-origin: bottom center;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
  }
}
#stickyElement--closed .title {
  font: 700 normal 24px/24px 'BebasNeue', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  display: block;
}
@media (min-width: 1170px) {
  #stickyElement--closed .title {
    font: 700 normal 36px/1 'BebasNeue', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
  }
}
/*  =========================================================
container
========================================================= */
#stickyElement--open {
  overflow: hidden;
  background-color: var(--color-primary__lighter);
  box-sizing: border-box;
  height: 100vh;
  width: 100vw;
  padding: 0 24px 24px 24px;
  position: fixed;
  text-align: left;
  top: 0;
  z-index: 70;
}
@media (min-width: 601px) {
  #stickyElement--open {
    max-height: 430px;
    width: 530px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
}
.stickyElement__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.stickyElement__container .icon_closer {
  font-size: 22px;
}
.stickyElement__container__actions {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
/* title */
.stickyElement__container__title {
  font: 700 normal 40px/1 'BebasNeue', sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  margin: 0 0 50px 0;
}
@media (min-width: 601px) {
  .stickyElement__container__title {
    margin: 15px 0 18px 0;
  }
}
/* paragraph */
.stickyElement__container__text {
  font: 300 normal 22px/1 'SourceSansPro', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  margin: 0 0 50px 0;
}
@media (min-width: 601px) {
  .stickyElement__container__text {
    margin: 0 0 30px 0;
  }
}
/*  =========================================================
close-button
========================================================= */
#stickyElement__container__close {
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  padding-top: 12px;
  text-align: right;
}