/** CSS-Styles **/

/** Für beide Listen-Arten **/
#terminlister_liste a,
#terminlister_kurz a {
    cursor: pointer;
}

#terminlister_liste .terminlister_block,
#terminlister_kurz .terminlister_block {
    /*cursor: pointer;*/
}

#terminlister_liste .map-icon::before,
#terminlister_kurz .map-icon::before {
    content: "\f5a0";
    padding-right: 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

/** Terminlister Liste **/
#terminlister_liste .image_container,
#terminlister_liste .text_container {
    display: inline-block;
}

#terminlister_liste .image_container {
    width: 210px;
    float: left;
    margin-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
}

#terminlister_liste h2 {
    margin-bottom: 5px;
}

#terminlister_liste .terminlister_termin_komplett,
#terminlister_kurz .terminlister_termin_komplett {
    display: none;
    margin-top: 20px;
}

#terminlister_kurz .terminlister_termin_komplett {
    margin-top: 10px;
}

#terminlister_liste .text_container {
    vertical-align: top;
    width: 300px;
}

#terminlister_liste .only_text {
    width: 100% !important;
}

#terminlister_liste .terminlister_text {
    height: unset;
}

#terminlister_liste .info-div {
    margin-bottom: 15px;
}

#terminlister_liste .info-div,
#terminlister_liste .info-tabelle {
    display: inline-block;
}

#terminlister_liste .left-side {
    padding-left: 15px;
}

#terminlister_liste p {
    margin-right: 20px;
}

#terminlister_liste .anmeldeformular-div {
    display: inline-block;
    padding: 5px 0 5px 0;
    background-color: #006fc5;
    margin-bottom: 15px;
    margin-right: 3px;
}

#terminlister_liste .anmeldeformular-div a {
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    font-weight: 600
}

#terminlister_liste a,
#terminlister_liste .map i {
    color: #006fc5;
}

#terminlister_liste .terminlister_subtitle,
#terminlister_kurz .terminlister_subtitle {
    font-style: italic;
}

#terminlister_kurz .terminlister_termin_komplett a {
    font-size: 12px;
}

#terminlister_kurz .terminlister_termin_komplett a.termin_zuklappen {
    font-size: inherit;
}

/* Tablet */
@media (max-width:1024px) {

    #terminlister_liste .image_container {
        width: 26%;
    }

    #terminlister_liste .text_container {
        width: 68%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    #terminlister_liste p {
        margin-right: unset;
    }

}

/* Handheld */
@media (max-width:768px) {

    #terminlister_liste .image_container {
        float: left;
        width: 28%;
        margin-right: 2%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 5px;
        display: inline-block;
    }

}

/* Smartphone */
@media (max-width:414px) {

    #terminlister_liste .image_container {
        display: block;
        width: 100%;
    }

    #terminlister_liste .text_container {
        width: 100%;
    }

}