/******************************

    Theme List
    Hier befinden sich alle CSS-Klassen die für die Theme List benötigt werden.
    Die Theme List ist eine Auflistung von Inhaltstypen wie der Blog.
    Alle Inhaltstypen, die beide Teaser einbinden können mit der Theme List
    aufgelistet werden.
    Das Template befindet sich in parts/theme-list.php

    Ein Beispiel für die Theme list ist der Block "Passende Themen" im unteren
    Bereich der Blogansicht

 ******************************/

.theme-list .card-col {
    max-width: 34%;
}

.theme-list-title {
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 48px;
    width: 100%;
}

.theme-list {
    padding-bottom: 40px;
}

.current-content-item .teaser1 {
    margin: 0 0 8px 0;
}

.current-content-item .title {
    margin: 0 0 8px 0;
}

.current-content-item .excerpt {
    margin-left: 0;
}

.current-content-item .read-more {
    color: #B50900;
}

.current-content-item .excerpt .material-icons {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    margin-bottom: 2px;
}

@media (max-width: 768px) {
    .theme-list .card-col:last-child {
        display: none;
    }
    .current-content-item .excerpt {
        display: none;
    }
}