/** TextShorter **/

[component="TextShortener"] {
    display: block;
    overflow: hidden;
    position: relative;
    background: #fff;
    height: 100px;
}

[component="TextShortener"].shorten:after {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 80%);
    pointer-events: none;
}


[component="TextShortener"].shorten:before {
  content: " ";
  background: url(../assets/_icons/icons/learntrack-arrows-top-bottom.svg) no-repeat scroll center top / 40px;
  height: 40px;
  width: 40px;
  display: inline-block;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  z-index:1;
}
[component="TextShortener"].shorten:hover:before {
  background: url(../assets/_icons/icons/learntrack-arrows-top-bottom.svg) no-repeat scroll center top / 40px, var(--secundaerfarbe);
  border-radius:50%;
}

/** Themenauswahl **/

[component="ThemenComponent"] .depth0 {
    margin-left: 10px;
}

[component="ThemenComponent"] .depth1 {
    margin-left: 10px;
}

[component="ThemenComponent"] .depth2 {
    margin-left: 10px;
}