@charset "UTF-8";
/**
This file holds classes that are necessary only within teaser element of plan.de.
Therefore there is a distinct include of this file via Plugin/TS on TYPO3 plan.de!
 */
.shadow-sm, .o-teaser--shadow {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.175) !important; }

.shadow {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.175) !important; }

.shadow-lg {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.o-teaser {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: background-color .25s ease-out;
  width: 100%; }
  .o-teaser--shadow {
    background-color: #fff; }
    .o-teaser--shadow .o-teaser__content {
      padding: 0 10px; }
    .o-teaser--shadow .o-teaser__action-link {
      padding-left: 10px;
      padding-right: 10px; }
  .o-teaser:active {
    background-color: #f8f8f8; }
  .o-teaser__action {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    min-height: 25px;
    padding-bottom: 10px; }
    .o-teaser__action-link {
      align-items: flex-end;
      display: flex;
      height: 100%;
      left: 0;
      padding: 0 0 5px;
      position: absolute;
      text-transform: uppercase;
      top: 0;
      width: 100%; }
      .o-teaser__action-link:hover {
        text-decoration: none; }
  .o-teaser__category {
    margin-bottom: 20px;
    overflow: hidden; }
    .o-teaser__category-item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .o-teaser__content {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .o-teaser__date {
    color: #666;
    display: inline-block;
    font-size: 80%;
    margin-bottom: 5px; }
  .o-teaser__image {
    margin-bottom: 15px;
    width: 100%; }
    .o-teaser__image-link {
      margin-bottom: 15px;
      position: relative;
      z-index: 1; }
      .o-teaser__image-link .o-teaser__image {
        margin-bottom: 0; }
      .o-teaser__image-link::before {
        color: rgba(248, 248, 248, 0.65);
        display: flex;
        flex-direction: column;
        font-family: "Ionicons";
        font-size: 5rem;
        height: 100%;
        justify-content: center;
        position: absolute;
        text-align: center;
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
        transition: all 250ms ease-in-out;
        width: 100%; }
      .o-teaser__image-link:hover::before {
        color: rgba(248, 248, 248, 0.75);
        font-size: 5.5rem; }
      .o-teaser__image-link--image::before {
        content: ""; }
      .o-teaser__image-link--video::before {
        content: ""; }
  .o-teaser__text {
    margin: 0 0 20px; }
    .o-teaser__text > p {
      margin: 0; }
    .o-teaser__text--line-clamp {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      line-clamp: 4;
      overflow: hidden; }

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