/**
Since ws_flexslider is incompatible with TYPO3 12, it has been replaced by out swiffyslider content block. As the
original page template was kept, we need to style it here, since our usual asset pipeline has not (yet) been included.
 */

.c-swiffy {
    margin-right: 45px;
}

.c-swiffy .c-swiffy__slide.c-swiffy__slide--text-aside .c-swiffy__text-container .c-swiffy__caption-title {
    font-size: 3em;
    text-transform: uppercase;
    font-family: "Museo", Helvetica, Arial, sans-serif;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    font-weight: 900;
    color: #25b9cd;
    line-height: 1em;
    padding: 13% 0px 0px 0px;
}

.c-swiffy .c-swiffy__slide.c-swiffy__slide--text-aside .c-swiffy__text-container h1 {
    font-size:3em;
    color:#25b9cd;
    hyphens: auto;
}

.c-swiffy .c-swiffy__slide.c-swiffy__slide--text-aside .c-swiffy__text-container h2 {
    font-size:2.4em;
    color:#25b9cd;
    hyphens: auto;
}

.c-swiffy .c-swiffy__slide.c-swiffy__slide--text-aside .c-swiffy__text-container a {
    text-align: center;
    background-color: #25b9cd;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    margin: 20px 0px 0px 0px;
    display: block;
    width: 66%;
}

.c-swiffy .c-swiffy__slide.c-swiffy__slide--text-aside .c-swiffy__image-container {
    max-width: 800px;
}

@media (max-width: 992px) {
    .c-swiffy .c-swiffy__slide.c-swiffy__slide--text-aside .c-swiffy__text-container .c-swiffy__caption-title,
    .c-swiffy .c-swiffy__slide.c-swiffy__slide--text-aside .c-swiffy__text-container h1,
    .c-swiffy .c-swiffy__slide.c-swiffy__slide--text-aside .c-swiffy__text-container h2 {
        font-size:1.6em;
    }
}

@media (max-width: 690px) {
    .c-swiffy {
        display: none;
    }
}