/* kurse.css, by Markus Büsser
All associated graphics copyright © 2025, Barbara Büsser
Erstellt am: 08.03.2020
Zuletzt geändert am: 22.03.2025 */

/* Content ------------- */
.kurstag{display:flow-root;width:100%;margin:0.6rem 0 0;padding:0;}
.kurstag .tag{display:flow-root;float:left;width:100%;margin:0;}
.kurstag .kurse{display:flow-root;float:left;width:calc(100%);padding:7px 0 0 0;}
.kurstag .kurs{display:flow-root;float:left;width:calc(100%);padding:0 0 0 0.6rem;}
.kurstag .kurs .zeit{float:left;width:100%;clear:left;}
.kurstag .kurs .name{float:right;width:calc((100% - 15px));}
.kurstag .kurs .ort{float:right;width:calc((100% - 15px));}
.tag p, .zeit p, .name p, .ort p {margin:0; padding:0; text-align: left;}
.tag p {font-weight:400;}

.row{display:flow-root;width:100%;margin:0.6rem 0 0;padding:0;}
.row .label{display:flow-root;float:left;width:100%;margin:0;}
.row .col,.row .col1,.row .col2{display:flow-root;float:left;width:calc(100% - 0.6rem);padding:0 0 0 0.6rem}
.row .col1,.row .col2{float:left;width:100%;padding:0}
.label p,.kurse .col p,.kurse .col1 p,.kurse .col2 p {margin:0;padding:0;text-align:left;}
.kurse .col p.a5 {margin:0; padding:0.3rem 0 0; text-align: left;}
.kurse .col p.a10,.kurse .col p.col12 {margin:0; padding:0.6rem 0 0; text-align: left;}
.row p {font-weight:400;}


/* Für Bildschirmgrösse: 16px zusätzlich zu berechneter Grösse (wird von Browsern als Rand dazugezählt!) */
@media only screen and (min-width:480px) {
.kurstag .kurs .zeit{float:left;width:calc(140px);clear:left;}
.kurstag .kurs .name{float:right;width:calc((100% - 140px));}
.kurstag .kurs .ort{float:right;width:calc((100% - 140px));}
.row .label{width:5rem;margin:0;padding:0;}
.row .col{float:right;width:calc(100% - 5rem);margin:0;padding:0;}}

@media only screen and (min-width:775px) {
.kurstag .tag{width:100%;margin:0.3rem 0 0;}
.kurstag .kurse{width:100%;padding:0 0 0 0.6rem;}
.kurstag .kurs{float:right;width:100%;margin:0.3rem 0 0;padding:0;}
.kurstag .kurs .zeit{float:left;width:calc(140px);clear:left;}
.kurstag .kurs .name{float:left;width:calc(50% - 70px);}
.kurstag .kurs .ort{float:left;width:calc(50% - 70px);}
.row .col1{width:15rem;margin:0;padding:0;}
.row .col2{float:right;width:calc(100% - 15rem);margin:0;padding:0;}
.kurse .col p.col22{padding:0.6rem 0 0;}}

@media only screen and (min-width:940px) {
.kurstag .tag{width:6.5rem;margin:0.3rem 0 0;}
.kurstag .kurse{float:right;width:calc(100% - 6.5rem);padding:0;}
.row .label{display:flow-root;float:left;width:6.5rem;margin:0;}
.row .col{float:right;width:calc(100% - 6.5rem);}}