/*
******************************
** Styles for rtc-marbach.de
******************************
*/

.rtc {
    header + .column {
        margin-top: 0;
    }

    .carousel-container .carousel {
        margin-top: 0;

        .f-carousel__slide {
            position: relative;
            padding-bottom: 0;
            text-align: center;

            img {
                max-width: 200px;
                display: inline-block;
            }
        }
    }

    .headerslider .link--box:hover {
        background: rgb(var(--color-minor)) !important;
        color: rgb(var(--color-highlight)) !important;
    }

    .col {
        h1, h2, h3, h4, h5, h6 {
            margin-top: 0;
        }
    }

    .contacts .contact {
        padding: 15px;
    }

    .header--special {
        margin-bottom: 20px;
    }

    .link--box--competition, a.link--box--competition {
        padding: 10px 50px 10px 10px;
    }

    .news-list-view .article .no-media-element,
    .news-list-view.default-events .article .no-media-element,
    .news-list-view.default-events .event .no-media-element,
    .news-list-view .event .no-media-element {
        padding: 0;
    }

    .news-list-view .article .no-media-element {
        border: 0;
    }

    .news-list-view .article h3,
    .news-list-view.default-events .article h3,
    .news-list-view.default-events .event h3,
    .news-list-view .event h3 {
        font-size: var(--fontsize);
    }

    /* Pfeile ohne Kasten, nur das Icon mit Schlagschatten */
    .f-button.is-arrow {
        --f-arrow-bg: transparent;
        --f-arrow-hover-bg: transparent;
        --f-arrow-active-bg: transparent;
        --f-arrow-color: rgb(var(--color-minor));
        --f-arrow-hover-color: rgb(var(--color-minor));

        text-shadow: 0 0 8px rgb(var(--color-main));
    }

    .nav--sub a {
        color: rgb(var(--color-main)) !important;
    }

    .nav--sub a:hover, .nav--sub .nav-list-item--act > a, .nav--sub .nav-list-item--cur > a {
        color: rgb(var(--color-minor)) !important;
    }

    .nav--sub .nav-list-item.sub {
        .icon-minus,
        .icon-plus {
            color: rgb(var(--color-highlight));
        }
    }

    .nav--sub .nav-list-item.sub.nav-list-item--act,
    .nav--sub .nav-list-item.sub.nav-list-item--cur {
        .icon-minus,
        .icon-plus {
            color: rgb(var(--color-minor));
        }
    }

    .nav--sub .nav-list-item.sub:not(.nav-list-item--act,.nav-list-item--cur) > a:hover {
        + .icon-minus,
        + .icon-plus {
            color: rgb(var(--color-minor)) !important;
        }
    }
}