/*
kurse.css
URI: http://www.steckdesign.ch/
Author: steckdesign.ch
Author URI: http://www.steckdesign.ch/
Version: 1.0
*/

.kurs_wrapper {
    display: grid;
    background-color: rgba(var(--white), 0.90);
}
.kurs_content {
    align-self: start;
}
.kurs_header {
    color: rgba(var(--white), 1 );
    background-color: rgba(var(--title_color), 1 );
    padding-top: var( --size-1 );
    padding-left: var( --size-1 );
    padding-right: var( --size-1 );
    padding-bottom: var( --size-075 );
}
.kurs_monat {
    font-weight: 800;
}
.kurs_tag {
    font-size: var( --size-2 );
    font-weight: 800;
    margin-bottom: var( --size-1 );
}
.kurs_body {
    font-size: calc( var( --fontsize ) * 0.85 );
    line-height: 1.3;
    padding-top: var( --size-1 );
    padding-left: var( --size-1 );
    padding-right: var( --size-1 );
    padding-bottom: var( --size-1 );
}
.kurs_footer {
    font-size: calc( var( --fontsize ) * 0.85 );
    line-height: 1.3;
    padding-top: var( --size-05 );
}
.kurs_kosten {
    font-size: calc( var( --fontsize ) * 0.85 );
    line-height: 1.3;
    padding-top: var( --size-05 );
    padding-bottom: var( --size-05 );
}
.kurs_anmeldung {
    align-self: end;
    text-align: right;
    background-color: rgba(var(--title_color), 1 );
    padding-top: var( --size-025 );
    padding-left: var( --size-1 );
    padding-right: var( --size-1 );
    padding-bottom: var( --size-075 );
}
.kurs_anmeldung .btn {
    margin-top: calc( var( --fontsize ) * -1.3 );
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important;
}
.karte_text {
    font-size: calc( var( --fontsize ) * 0.7 );
    color: var(--bluegreen-600);
    padding-left: var( --size-025 );
}