/****************************************************************************
 * Layout: Termine - START
 ***************************************************************************/
.mask-modules .card.layout-appointment {
    border-radius: 0.5rem;
    border-top: 4px solid var(--claram-color-blue-dark);
}

.mask-modules .card.layout-appointment +.card {
    border-left: 1px solid rgba(0,0,0,.125);
}

.mask-modules .layout-appointment .card-header {
    color: var(--claram-color-blue-dark);
    font-weight: 800;
    font-size: 1.25rem;
}

.mask-modules .layout-appointment .card-header .badge {
    background-color: var(--claram-color-blue-dark);
    border-radius: 50%;
    color: var(--bs-white);
    padding: 0.5rem 0.75rem;
    margin-right: 0.5rem;
}

.mask-modules .card.layout-appointment.layout-2,
.mask-modules .card.layout-speaker.layout-11 {
    border-top-color:var(--claram-color-blue);
}

.mask-modules .card.layout-appointment.layout-2 .card-header .badge {
    background-color: var(--claram-color-blue);
}

.mask-modules .card.layout-appointment.layout-3,
.mask-modules .card.layout-speaker.layout-12 {
    border-top-color:var(--claram-color-turquoise);
}

.mask-modules .card.layout-appointment.layout-3 .card-header .badge {
    background-color: var(--claram-color-turquoise);
}


.mask-modules .card.layout-appointment.layout-4,
.mask-modules .card.layout-speaker.layout-13 {
    border-top-color:var(--claram-color-green);
}

.mask-modules .card.layout-appointment.layout-4 .card-header .badge {
    background-color: var(--claram-color-green);
}


.mask-modules .layout-appointment .card-header {
    background: none;
    border: none;
}

.mask-modules .layout-appointment .card-subheader {
    padding: 0 1.25rem;
    font-weight: 800;
    color: var(--claram-color-blue-dark);
}

.mask-modules .layout-appointment .card-title,
.mask-modules .layout-speaker .card-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--claram-color-blue-dark);
}

.mask-modules .card.layout-appointment.layout-2 .card-title,
.mask-modules .card.layout-appointment.layout-2 .card-subheader {
    color: var(--claram-color-blue);
}

.mask-modules .card.layout-appointment.layout-3 .card-title,
.mask-modules .card.layout-appointment.layout-3 .card-subheader {
    color: var(--claram-color-turquoise);
}

.mask-modules .card.layout-appointment.layout-4 .card-title,
.mask-modules .card.layout-appointment.layout-4 .card-subheader {
    color: var(--claram-color-green);
}

.mask-modules .layout-appointment .card-bodytext {
    padding: 0 1.2rem;
}

.mask-modules .layout-appointment .card-bodytext ul,
.mask-modules .layout-appointment .card-bodytext ol {
    margin-left: 0;
}
/****************************************************************************
 * Layout: Termine - END
 ***************************************************************************/
/****************************************************************************
 * Layout: REFERENTEN - END
 ***************************************************************************/
.mask-modules .card.layout-speaker {
    border: 0;
    border-radius: 0;
    padding: 0;
}

.mask-modules .card.layout-speaker .card-body {
    padding: 1.25rem 0 0 0;
}

.mask-modules .card.layout-speaker {
    border-top: 4px solid var(--claram-color-blue-dark);
}
/****************************************************************************
 * Layout: REFERENTEN - END
 ***************************************************************************/