#slider-highlights {
     position: relative;
}

#slider-highlights img {
     width: 100%;
}

#slider-highlights figcaption {
     bottom: 50px;
     left: 0;
     padding: 0;
     text-transform: uppercase;
     background: none;
}

#slider-highlights figcaption p {
     display: inline-block;
     margin: 0 0 1px;
     padding: 0 14px;
     -webkit-border-top-right-radius: 2px;
     border-top-right-radius: 2px;
     -webkit-border-bottom-right-radius: 2px;
     border-bottom-right-radius: 2px;
}

#slider-highlights .piste {
     position: absolute;
     top: 20px;
     padding: 0 14px;
     line-height: 18px;
     color: #f0f1f3;
     font-size: 11px;
     font-weight: 800;
     text-transform: uppercase;
     -webkit-border-top-right-radius: 2px;
     border-top-right-radius: 2px;
     -webkit-border-bottom-right-radius: 2px;
     border-bottom-right-radius: 2px;
     background: #d90210;
}

#slider-highlights figcaption .category {
     position: relative;
     line-height: 21px;
     color: #313233;
     font-size: 12px;
     font-weight: 800;
     background: #d8dadb;
}

#slider-highlights figcaption .category:after {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     bottom: -2px;
     width: 40px;
     height: 3px;
     background: #e2000f;
}

#slider-highlights figcaption .title {
     line-height: 39px;
     font-size: 30px;
     font-weight: 300;
     background: rgba(24,26,25,0.95);
}

#slider-highlights figcaption .subtitle {
     line-height: 35px;
     color: #e2000f;
     font-size: 26px;
     font-weight: 300;
     background: rgba(24,26,25,0.95);
}

#slider-highlights figcaption .info {
     line-height: 20px;
     font-size: 12px;
     background: #e0e1e2;
}

#slider-highlights figcaption .info .date {
     color: #6e7073;
     font-weight: 800;
}

#slider-highlights figcaption .info .date time {
     color: #313233;
}

#slider-highlights figcaption .city, #slider-highlights figcaption .city-news {
     color: #e2000f;
     font-weight: 800;
}

#slider-highlights figcaption .location {
     color: #313233;
     font-weight: 600;
}

#slider-highlights figcaption .info .date:after, #slider-highlights figcaption .info .city:after {
     content: " · ";
     margin: 0 1px;
     color: #3d3e3f;
}

#slider-highlights .orbit-prev, #slider-highlights .orbit-next, #slider-highlights .orbit-timer {
     display: none;
}

#slider-highlights .orbit-bullets {
     position: absolute;
     top: -59px;
     right: 0;
}

#slider-highlights .orbit-bullets li {
     margin: 0 0 0 2px;
     width: 22px;
     height: 22px;
     line-height: 24px;
     font-size: 11px;
     font-weight: 600;
     border: none;
     -webkit-border-radius: 0;
     border-radius: 0;
     text-align: center;
     cursor: pointer;
     background: url(../bilder/layout/sprite.png) -112px -38px;
}

#slider-highlights .orbit-bullets li:hover, #slider-highlights .orbit-bullets li.active {
     color: #e2000f;
}

@media only screen and (max-width: 500px) { 
     #slider-highlights figcaption {
           bottom: 10px;
     }
     #slider-highlights figcaption .subtitle {
          max-width: 360px;
     }
     #slider-highlights figcaption .title {
          line-height: 30px;
          font-size: 21px;
     }
     #slider-highlights figcaption .subtitle {
          line-height: 26px;
          font-size: 18px;
     }
     #slider-previews .date {
          top: 0 !important;
     }
}

@media only screen and (max-width: 800px) and (min-width: 768px) {
     #slider-highlights figcaption {
          bottom: 20px;
     }
}

/* === ANPASSUNG FÜR 3-SPALTEN-SEITEN  ================================================================= */

#slider-highlights .piste {
     font-size: 10px;
}

body.spalten-3 #slider-highlights figcaption {
     bottom: 20px;
}

#slider-highlights figcaption .category {
     font-size: 11px;
}

#slider-highlights figcaption .title {
     font-size: 26px;
}

#slider-highlights figcaption .subtitle {
     font-size: 23px;
}

#slider-highlights figcaption .info {
     font-size: 11px;
}