@charset "UTF-8";
.header {
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
}
.header a {
  display: block;
}
.header__container .container {
  align-items: center;
  padding-bottom: 5px;
  padding-top: 5px;
}
@media screen and (min-width: 1370px) {
  .header__container .container {
    align-items: flex-end;
    padding-bottom: 10px;
  }
}
.header__logo__link {
  width: 55px;
  height: 55px;
  background: transparent url(../../logo-idfm.svg) no-repeat center center/100% auto;
}
@media screen and (min-width: 1370px) {
  .header__logo__link {
    width: 100px;
    height: 100px;
    transition: all 0.5s;
  }
}
.header--small .header__container .container {
  align-items: center;
}
.header--small .header__logo__link {
  width: 55px;
  height: 55px;
}
@media screen and (min-width: 1370px) {
  .header--small .header__navigation__partner {
    display: none;
  }
}
.header__navigation {
  display: block;
  margin-left: 0;
}
.header__navigation__partner {
  margin: 0 0.875rem;
  display: flex;
  align-items: center;
}
.header__navigation__partner a {
  line-height: 0;
}
.header__navigation__partner img {
  width: 100px;
  transition: all 0.5s;
}
@media screen and (min-width: 1370px) {
  .header__navigation__partner img {
    width: 130px;
  }
}
.header__navigation__partner label {
  font-size: 12px;
  color: #b9b9b9;
  margin-right: 5px;
}
@media screen and (min-width: 1370px) {
  .header__navigation__partner {
    position: absolute;
    top: 5px;
  }
}
.header__navigation__wrapper {
  padding: 0;
}
@media screen and (max-width: 979px) {
  .header__navigation__wrapper {
    display: none;
  }
}
.header__navigation__list {
  justify-content: left;
}
.header__navigation__item {
  margin: 0 0.875rem;
}
.header__navigation__item a {
  color: #272727;
  font-family: "Montserrat", sans-serif;
  font-size: 1.375rem;
  padding: 0.3125rem 0;
  text-transform: lowercase;
  border-bottom: 3px solid transparent;
}
.header__navigation__item a.active, .header__navigation__item a.is-active, .header__navigation__item a:hover {
  text-decoration: none;
  border-bottom: 3px solid #c898ce;
}
.header__buttons {
  order: 3;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.header .button__burger {
  margin-left: 1rem;
}
@media screen and (max-width: 639px) {
  .header--scroll {
    transform: translateY(-66px);
  }
}

.main-content {
  padding: 80px 0 40px;
}
@media screen and (min-width: 1370px) {
  .main-content {
    padding: 130px 0 60px;
  }
}

.toolbar-tray-open .main-content {
  padding-top: 37px;
}

.page > .sidebar {
  box-sizing: border-box;
  left: auto !important;
  right: -320px;
  width: 320px;
  transition: right 300ms ease;
  box-shadow: none;
  padding: 0.625rem 2.0625rem;
  margin: 0;
}

.sidebar--open .page > .sidebar {
  left: auto !important;
  right: 0;
}

.sidebar__buttons {
  display: flex;
  justify-content: space-between;
}
.sidebar__navigation {
  margin: 1.75rem 0;
}
.sidebar__navigation__list {
  padding: 0;
}
.sidebar__navigation__sublist {
  display: none;
}
.sidebar__navigation__item {
  text-align: left;
  padding: 0;
  margin: 0 0 0.625rem 0;
}
.sidebar__navigation__item a {
  display: compact;
  font-family: "Montserrat", sans-serif;
  text-transform: lowercase;
  font-size: 1.375rem;
  letter-spacing: 0;
  text-align: left;
  padding: 0.5rem 0;
}
.sidebar__navigation__item a.active, .sidebar__navigation__item a.is-active, .sidebar__navigation__item a:hover {
  text-decoration: none;
}
.sidebar__navigation__item.expanded .sidebar__navigation__toggle::before {
  transform: rotate(-135deg);
  top: 1.25rem;
}
.sidebar__navigation__item.expanded .sidebar__navigation__sublist {
  display: block;
}
.sidebar__navigation__subitem {
  margin: 0 0 0.3125rem 0;
}
.sidebar__navigation__subitem a {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  text-transform: lowercase;
  padding: 0.5rem 0;
}
.sidebar__navigation__subitem a.active, .sidebar__navigation__subitem a.is-active, .sidebar__navigation__subitem a:hover {
  text-decoration: none;
}
.sidebar__navigation__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2.8125rem;
  cursor: pointer;
}
.sidebar__navigation__toggle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border: 0.1875rem solid #c898ce;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}
.sidebar__navigation--imprint-menu ul {
  text-align: center;
  margin: 0 -0.625rem;
}
.sidebar__navigation--imprint-menu li {
  display: inline-block;
  margin: 0.5rem 0.625rem;
}
.sidebar__navigation--imprint-menu li a {
  letter-spacing: 0;
  padding: 0.125rem 0;
  text-transform: lowercase;
  font-family: "Montserrat", sans-serif;
  border-bottom: 1px solid transparent;
}
.sidebar__navigation--imprint-menu li a:hover {
  border-bottom: 1px solid #c898ce;
}
.sidebar .search {
  margin: 1.75rem 0;
}

.search__input,
.search input[type=text] {
  height: 2.5rem;
  padding: 0.5rem 2.5rem 0.5rem 0;
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #cccccc;
  font-size: 1.125rem;
  font-family: "Archivo Narrow", sans-serif;
}
.search__button {
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
}
.search__icon {
  fill: #cccccc;
  margin-right: -13px;
  width: 1.25rem;
  height: 1.25rem;
}

.navigation--social__list {
  margin: 1.75rem 0;
}
.navigation--social__item {
  margin: 0;
}
.navigation--social__link {
  display: block;
  border: 1px solid #c898ce;
  border-radius: 50%;
  padding: 0.75rem;
}
.navigation--social__icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  fill: #c898ce;
}

.teaser__item .teaser__headline {
  font-size: 1.4375rem;
}
@media screen and (min-width: 640px) {
  .teaser__item .teaser__headline {
    font-size: 1.875rem;
  }
}
.teaser__caption {
  position: relative;
  width: 85%;
  margin: -2.5rem auto 0 auto;
  padding: 0.625rem 0.9375rem 0.3125rem 0.9375rem;
  background: #ffffff;
  border-top: 2px solid #e83454;
}
@media screen and (min-width: 980px) {
  .teaser__caption {
    width: 80%;
    margin: -3.125rem auto 0 auto;
  }
}
.teaser__adtype {
  background: none;
  color: #ffffff;
  text-shadow: 1px 1px 0 #272727;
  padding: 0 0.5rem;
  top: 0;
  right: 0;
  line-height: 1.4;
  font-size: 0.9375rem;
  font-weight: 700;
}
.teaser__adtype--exklusiv {
  background: #e83454;
  color: #ffffff;
  text-shadow: none;
  right: 0.625rem;
  top: -0.625rem;
  border: 3px solid #ffffff;
  border-radius: 3px;
}
@media screen and (min-width: 640px) {
  .teaser__list--col-2 {
    display: flex;
    margin: 0 -0.9375rem;
  }
  .teaser__list--col-2 .teaser__item {
    width: 50%;
    padding: 0 0.9375rem;
  }
  .teaser__list--col-2 .teaser__headline {
    font-size: 1.4375rem;
  }
}

.wideteaser__item .teaser__headline {
  margin-bottom: 0;
  font-size: 1.22rem;
}
@media screen and (min-width: 640px) {
  .wideteaser__item .teaser__headline {
    font-size: 2.25rem;
  }
}
.wideteaser__caption {
  position: absolute;
  bottom: 0;
  width: auto;
  padding: 10px 15px;
  margin: 2% 5%;
  text-transform: uppercase;
  border-top: 3px solid #e83454;
}
@media screen and (min-width: 980px) {
  .wideteaser__caption {
    margin: 2% 10%;
  }
}
@media screen and (min-width: 1370px) {
  .wideteaser__caption {
    margin: 2% 20%;
  }
}
@media screen and (max-width: 479px) {
  .wideteaser .media--size-16-9 {
    padding-top: 75%;
  }
}

.grid__column--aside .teaser__caption {
  margin: -1.25rem auto 0 auto;
  padding: 0.3125rem;
}
.grid__column--aside .teaser__headline {
  font-size: 1.25rem;
}

.teaser--without-media {
  margin-bottom: 2rem;
}
.teaser--without-media .teaser__caption {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.teaser--without-media .teaser__adtype {
  position: relative;
  float: left;
  font-size: 10px;
  background: #ddd;
  text-transform: none;
  margin: 0.25rem 1rem 0 0;
}
@media screen and (min-width: 980px) {
  .teaser--without-media .teaser__adtype {
    margin: 0.5rem 1rem 0 0;
  }
}
.teaser--without-media .teaser__headline {
  font-size: 1.25rem;
}
@media screen and (min-width: 980px) {
  .teaser--without-media .teaser__headline {
    font-size: 1.5rem;
  }
}
.teaser--without-media .teaser__headline a {
  border-bottom: 1px solid #c898ce;
}

.breadcrumb__list__item {
  font-size: 1rem;
}
.breadcrumb__list__item:not(:last-child):after {
  content: ">";
  margin: 0 10px 0 10px;
  font-size: 0.9375rem;
  color: #c898ce;
}
.breadcrumb__list a {
  color: #272727;
  font-family: "Montserrat", sans-serif;
  text-transform: lowercase;
  font-size: 0.9375rem;
}
.breadcrumb__list a:hover {
  border-bottom: 1px solid #c898ce;
}
.breadcrumb__list h1 {
  color: #272727;
  font-family: "Archivo Narrow", sans-serif;
  font-size: 0.9375rem;
}

.article__author__text a, .article__header p a, .article__content a, .article__taxonomy a {
  text-decoration: none !important;
  border-bottom: 1px solid #c898ce;
}
.article__header__intro {
  font-weight: 700;
}
.article__author__image {
  border: 1px solid #cccccc;
}
.article__author__image a {
  text-decoration: none !important;
}
.article__author__text {
  color: #272727;
  font-weight: normal;
  text-align: left;
}
.article__taxonomy__link {
  margin-right: 1rem;
  font-family: "Montserrat", sans-serif;
  text-transform: lowercase;
  font-weight: 400;
  font-size: 1.25rem;
}
.article__taxonomy__link a {
  border-bottom: 3px solid #c898ce;
}
.article__tags__container {
  border-top-color: #e83454;
  border-left-color: #e83454;
}
.article__share {
  text-align: center;
}
.article__share__list {
  justify-content: center;
  margin: 0.5rem 0;
}
.article__share::before {
  content: "Artikel empfehlen";
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (min-width: 640px) {
  .article__share {
    margin: 2.8125rem 0;
    display: flex;
    align-items: center;
  }
  .article__share::before {
    margin-right: 2rem;
  }
}
.article__share__item {
  flex: 0 0 auto;
}
.article__share__item--facebook, .article__share__item--twitter, .article__share__item--whatsapp, .article__share__item--mail {
  background: transparent;
}
.article__share__link {
  display: block;
  border: 1px solid #c898ce;
  border-radius: 50%;
  padding: 0.75rem;
}
.article__share__link .icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  fill: #c898ce;
}

.paragraph--type--quote blockquote,
.paraTypeText blockquote {
  text-align: center;
  padding-top: 2.5rem;
}
.paragraph--type--quote blockquote p,
.paraTypeText blockquote p {
  font-size: 1.375rem;
}
.paragraph--type--quote blockquote::after,
.paraTypeText blockquote::after {
  display: none;
}
.paragraph--type--quote blockquote::before,
.paraTypeText blockquote::before {
  position: relative;
  display: block;
  margin: 0 auto;
  font-style: normal;
  color: #e83454;
  font-size: 4rem;
  margin: 0;
  padding: 0;
  line-height: 0.1;
}

.paraTypeText blockquote {
  width: 80%;
  margin: 3rem auto;
  border-top: 2px solid #e83454;
}

.paragraph--type--quote {
  width: 80%;
  margin: 3rem auto;
  border-top: 2px solid #e83454;
}
.paragraph--type--quote blockquote {
  margin: 0;
}
.paragraph--type--quote figcaption {
  text-align: center;
  margin: 0;
}
.paragraph--type--quote figcaption strong {
  font-weight: normal;
  color: #666;
}

.lang-fr .article__share::before {
  content: "Recommander l'article";
}

.lang-en .article__share::before {
  content: "Recommend article";
}

.lang-tr .article__share::before {
  content: "Makaleyi tavsiye et";
}

.lang-pl .article__share::before {
  content: "Poleć artykuł";
}

.lang-da .article__share::before {
  content: "Anbefal artikel";
}

.lang-ru .article__share::before {
  content: "Рекомендовать статью";
}

.paraTypeSources ul {
  list-style: disc;
  padding-left: 2rem;
}

.media {
  margin-bottom: 2.25rem;
}
.media__description {
  font-size: 1rem;
  font-style: italic;
}
.media__affiliate_link__url {
  border-bottom: none !important;
}
.media__affiliate_link__label {
  font-weight: bold;
  border-bottom: 1px solid #c898ce;
}

.recipe__info__content--active {
  color: #f8b704;
}
.recipe__info__content--not-active {
  color: #d1d1d1;
}
.recipe__info__time {
  background: url("/themes/custom/klambt/idfm/images/icons/clock.svg") left 5px no-repeat;
}
.recipe__info__difficult {
  background: url("/themes/custom/klambt/idfm/images/icons/cook-hat.svg") left 5px no-repeat;
}
.recipe__info__useful {
  background: url("/themes/custom/klambt/idfm/images/icons/cutlery.svg") left 5px no-repeat;
}
.recipe__info__cost {
  background: url("/themes/custom/klambt/idfm/images/icons/money.svg") left 5px no-repeat;
}
.recipe__info__item {
  background-size: 1.125rem 1.125rem;
}
.recipe__ingredients__item::before {
  background-color: #e83454;
}
.recipe__preparation__item::before {
  background-color: #e83454;
}

.article__content li.recipe__preparation__item {
  margin: 1.25rem 0 1.5625rem 0;
}

.swiper-button-next::after, .swiper-button-prev::after {
  color: #c898ce;
  background: rgba(255, 255, 255, 0.9);
}

@media screen and (min-width: 640px) {
  .paraTypeRelated-gallery .teaser__item {
    align-items: center;
  }
}
.paraTypeRelated-gallery .teaser a {
  border-bottom: none;
}
.paraTypeRelated-gallery .teaser__caption {
  padding: 0.25rem 0.625rem !important;
  margin-top: -1.25rem;
}
@media screen and (min-width: 640px) {
  .paraTypeRelated-gallery .teaser__caption {
    border: none;
    margin: 0 0 0 0.85rem;
    padding: 0 !important;
  }
}
.paraTypeRelated-gallery .media__image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.snippet {
  position: relative;
  display: flex;
  align-items: center;
  border: 0;
  padding: 0;
}
.snippet__image-wrapper {
  flex-shrink: 0;
  position: relative;
  width: 45%;
  margin-right: 0 !important;
}
.snippet__text-link {
  position: relative;
  margin: 0;
  text-align: left;
  font-size: 0.85rem;
  font-weight: normal;
}
.snippet__content {
  display: block;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 55%;
  position: relative;
  margin: 5% 0 5% -2rem;
  padding: 0.9375rem;
  background: #ffffff;
  border-top: 2px solid #e83454;
}
@media screen and (min-width: 640px) {
  .snippet__content {
    padding: 0.9375rem 1.5rem;
    margin: 1.25rem 0 1.25rem -1.25rem;
  }
}
.snippet__header {
  margin: 0;
}
.snippet .teaser__headline {
  font-size: 1.375rem;
}
.snippet .teaser__headline a {
  border-bottom: none;
}
.snippet .teaser__text a {
  border-bottom: none;
}
@media screen and (max-width: 639px) {
  .snippet .teaser__text {
    display: none;
  }
}

@media screen and (min-width: 415px) {
  .grid__column--main .snippet__image-wrapper {
    flex: 1 1 600px;
  }
}
.loadingAnimation > div > div {
  background-color: #e83454;
}

.paragraph--type--information-text__info-icon {
  background-image: url("/themes/custom/klambt/idfm/images/icons/info_idfm.png");
}

.experte {
  padding: 0.9375rem 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.experte__avatar a {
  border-bottom: none !important;
}
.experte__info__title {
  color: #e83454;
  font-weight: 700;
}
.experte__info__name a {
  border-bottom: none !important;
  color: #272727;
}

.pollVote::before, .pollVote::after {
  background: #e83454;
}

.pollForm label:focus::before, .pollForm label:hover::before, .pollForm label:active::before {
  border: 1px solid #e83454;
}
.pollForm .answer--checked label::before {
  background: #e83454;
  box-shadow: inset 0 0 0 3px #ffffff;
  border: 1px solid #e83454;
}
@media (prefers-color-scheme: dark) {
  .pollForm .answer--checked label::before {
    box-shadow: inset 0 0 0 3px #1e1d1c;
  }
}
.pollForm .barFilled {
  background: #e83454;
}
.pollForm .pollActions input {
  background: #e83454;
}

.tag__overview a:hover {
  color: #e83454;
}
.tag__list__item a {
  border-bottom: 1px solid #c898ce;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #222222;
    color: #f1efed;
  }
  h1, h2, h3, h4, h5, h6,
  a, a:hover,
  .button__menu .button__menu__label,
  .button__menu:hover .button__menu__label,
  .breadcrumb__list a,
  .breadcrumb__list__item:not(:last-child):after,
  .breadcrumb__list h1,
  .article__header__adtype,
  .article__author__text,
  .paragraph--type--quote figcaption strong {
    color: #f1efed;
  }
  .toolbar-tray a {
    color: #565656;
  }
  .header {
    background: #e83454;
  }
  .header__logo__link {
    background: transparent url(../../logo-idfm-reverse.svg) no-repeat center center/100% auto;
  }
  .header .container {
    background: transparent;
  }
  .header__navigation__item a {
    color: #f1efed;
  }
  .header__navigation__item a:hover, .header__navigation__item a.active, .header__navigation__item a.is-active {
    color: #f1efed;
  }
  .page > .sidebar,
  .wrapper__main,
  .teaser__caption,
  .snippet__content,
  .search input[type=text],
  .media__affiliate_link {
    background: #222222;
  }
  .media__image-wrapper {
    background-color: #333;
  }
  .article__author__image {
    background: #ffffff;
  }
  kas.expand.mediumrectangle, kas.expand.superbanner {
    background-color: #333;
  }
  .sidebar__navigation__toggle::before {
    border-color: #f1efed;
  }
  .button__close .line,
  .button__menu .line,
  .button__menu:hover .line {
    background-color: #f1efed;
  }
  .search__icon {
    fill: #666;
  }
  .search input[type=text] {
    color: #f1efed;
  }
  .indicator-wrapper {
    background-color: #222222;
  }
  .breadcrumb::after {
    background-image: linear-gradient(to right, rgba(34, 34, 34, 0), rgba(34, 34, 34, 0.8));
  }
  .download__list__item {
    background: url("/themes/custom/klambt/klambt_base/images/icons/icon-file-white.svg") no-repeat left 3px;
    background-size: 17px 17px;
  }
}

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