.courselist {border:none!important; -webkit-box-sizing: inherit; box-sizing: inherit}

  .courselist tr th {padding:0; font-weight:600; color: #000;}

  @media screen and (max-width: 840px) {
        .courselist { width:90%!important}
}
.courselist td ,.courselist th { text-align:left; padding: 6px 0; vertical-align:text-bottom; line-height:2em}
.courselist th { color:#000;font-weight:bold;font-size: 1.1em;}
.courselist tr td {padding:6px 0;color: #003978;font-size: 1.1em;font-weight: 400;}
@media screen and (max-width: 540px) {
        .courselist td { font-size: .98em !important; padding: 10px 3px !important; letter-spacing: 0.02em;}
        .courselist .td-1 { padding-left:0 !important}
}
.courselist td a {color: #000000 !important;min-width:100%}
.courselist .td-0 { padding-left:3px  }
.courselist .td-1 { width:150px; padding:0 10px;vertical-align: middle;}
.courselist .td-2 { padding-right:3px;white-space:nowrap;text-align: right; vertical-align: middle;}

.courselist tbody tr:hover {
    background: #d3d3d32e;
}

@media screen and (max-width: 540px) {
        .courselist .td-1 { display:none}

        .courselist .td-0 {
            font-size: smaller !important;
            line-height: 1.5em;
        }

        th.td-x {
            display: none;
        }

        .courselist .td-1 {
            display: grid;
            align-content: flex-end;
            font-size: smaller !important;
            justify-content: right;
            justify-items: right;
            width: 130px;
            padding-top: 5px !important;
            padding-bottom: 3px !important;
			line-height:2em!important;
        }

        .courselist .td-2 {
            width: inherit;
            font-size: smaller !important;
            display: grid;
            justify-items: center;
            border: 0;
            align-items: flex-end;
            justify-content: right;
            height: -webkit-fill-available;
        }
.courselist .td-2 { width:115px;white-space: nowrap;}
}
@media screen and (max-width: 540px) {
        .courselist .td-2 { width:inherit; font-size: smaller !important;}
        .courselist .td-0 { font-size: smaller; line-height: 1.5em; }
}

.courselist .td-3 { width:60px;}
@media screen and (max-width: 500px) {
        .courselist .td-3 { display:none}
}
@media screen and (max-width: 736px) {
        .courselist th {font-size: 14px}
        .courselist td {font-size:1em;}
        .et_pb_row{ width:90%!important }
        .courselist td ,.courselist th { padding:3px 3px }
}
.courselist .morelink { width:40px;min-height: 25px; display:inline-block; background:url(../../img/button-pfeil-30px.png) 15px 2px no-repeat;background-position: center right;}
@media screen and (max-width: 540px) {
        .courselist .morelink { width: 25px; !important }
}
.monthlist {margin: auto;border-bottom:#ddd solid 1px;width:95%;padding-left:0px;}
.monthlist li:hover {
    background: #d3d3d32e;
}


ul.monthlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.5em;
  padding: 0 0 15px 0;
  list-style: none;
  width:90%!important;
    max-width: calc(80vw) !important;
    margin: 0 auto !important;
    left:0px;
}

ul.monthlist li {
  flex: 1 1 calc(50% - 0.5em); /* zwei nebeneinander mit Abstand */
  font-size: small;
  max-width: 145px;
  padding:0;
}

@media (max-width: 1200px) {
  ul.monthlist li {
    max-width:calc(76vw / 5);
  }
}

@media (max-width: 1000px) {
  ul.monthlist li {
    max-width:calc(76vw / 4);
  }
}


@media (max-width: 759px) {
  ul.monthlist li {
    max-width:calc(75vw / 3);
  }
}

@media (max-width: 479px) {
  ul.monthlist li {
    max-width:calc(90vw / 2);
  }
}



ul.monthlist li a {
  display: block;
  padding: 0.6em 1em;
  background-color: #f0f0f0;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  color: #333;
  width: 100%;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

ul.monthlist li a:hover {
  background-color: #ddd;
  transform: scale(1.01);
}


@media screen and (max-width: 980px) {
    .courselist .td-0{min-width: calc(45vw);}
        .courselist .td-2 { width:inherit; font-size: smaller !important;}
        .courselist .td-1 { font-size: smaller; line-height: 1.5em; }
        .courselist .td-0 { font-size: smaller; line-height: 1.5em; }
}
@media screen and (max-width: 741px) {
    .courselist .td-0{min-width: calc(35vw);}
        .courselist .td-2 { width:inherit; font-size: smaller !important;}
        .courselist .td-1 { font-size: smaller; line-height: 1.5em; }
        .courselist .td-0 { font-size: smaller; line-height: 1.5em; }
}


@media screen and (max-width: 840px) {
        .monthlist { position: relative;left: -10px; }
}


.monthlist li { display:inline-block; padding: 0 0px 0 10px;}
@media screen and (max-width: 840px) {
        .monthlist li { display:inline-block; padding: 0 0 10px 20px;}
}
.monthlist li.curmonth { font-weight:bold; font-weight:120%;}
.monthlist li a {color: #000!important;}
.detail {
  color:#000;color:#000;filter: grayscale(1) brightness(130%);
}
.detail a {
    color: #000;
    padding: 0 5px;
}
.detail a:hover {
    background: #94949430;
}