.webinar-list .headline { font-size: 1.75rem;  font-weight: 500; line-height: 1.3; }
.webinar-list .headline a {color: #41B6E6}
.webinar-list .headline a:hover {color: #1F2B50!important}



.webinar-list .th div{text-transform: uppercase}
.webinar-list {font-size: 1.5rem}

.webinar-list .wp-block-button .wp-block-button__link { padding: 0.5rem 2rem}
.webinar-list .row.th {padding-bottom: 2rem;  background-color: #A0DAF2;; padding-top: 2rem; font-weight: 600; padding-left: 2rem; padding-right: 2rem; }

.webinar-list .row { margin-bottom: 0rem;}
.webinar-list .row:last-child { margin-bottom: 0rem}

.webinar-list .subline {font-size: 1.125rem}

.webinar-list .bg-color-1 { background-color: #fff; padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem}

.webinar-list .bg-color-1 .infoline{ color:#1F2B50 } 
.webinar-list .bg-color-1 .monthNameShort {color: #41B6E6; margin-bottom: 3rem; margin-top: 4rem}
.webinar-list .bg-color-1 svg {color: #1F2B50}
.webinar-list .bg-color-1 .price{ color: #1F2B50} 

.webinar-list .bg-color-1 a:hover {color: #1F2B50!important}

.webinar-list .bg-color-2 { background-color: #EEF8FC; padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem}
.webinar-list .bg-color-2 .monthNameShort { margin-bottom: 3rem; color: #41B6E6;; margin-top: 4rem}
.webinar-list .bg-color-2 svg {color: #1F2B50}
.webinar-list .bg-color-2 .price{ color: #1F2B50} 
.webinar-list .bg-color-2 .infoline{ color:#1F2B50 } 

.webinar-list .infoline { color: #1F2B50; }
.webinar-list  span {margin-left: 0.25rem}
.webinar-list svg {color: #1F2B50}
.webinar-list .line {margin-bottom: 1rem}

.webinar-list .price { font-size: 1.5rem; font-weight: normal ; color: #1F2B50}

.webinar-list .instructors {display: flex ; align-items: center; gap: 1rem}
.webinar-list .instructors img {max-width: 8rem; max-height: 8rem; height: auto; width: 100%}
.webinar-list .instructors .instructor:first-child {z-index: 10}
.webinar-list .instructors .instructor:last-child {margin-left: -32px; z-index: 1}
.webinar-list .instructor-names {font-size: 1.125rem; color:#1F2B50}


.webinar-list .more-dates-available {font-size: 1.125rem; margin-left: 2rem; margin-top: 0.25rem; margin-bottom: 0rem}

.webinar-list .monthNameShort { font-size: 4rem; text-transform: uppercase; margin-top: 2rem; margin-bottom: 1rem}

@media (min-width: 48rem ) and (max-width: 1600px){
   .webinar-list .wp-block-button  span { display: none}
   .webinar-list .instructors img {max-width: 128px; max-height: 128px;}
}

@media (max-width: 992px) {
.webinar-list .th {display: none}   
.webinar-list .row {margin-bottom: 0rem}

.webinar-list .headline {margin-top: 0.5rem;}
.webinar-list .headline p {margin-top: 0.5rem; margin-bottom: 2rem}
.webinar-list .wp-block-button {margin-top: 0.5rem}

.webinar-list .bg-color-1 { background-color: #1F2B50; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem}
.webinar-list .bg-color-2 { background-color: #1F2B50; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem}
.webinar-list .infoline {  font-size: 1.125rem}

.webinar-list .instructor img {max-width: 96px; max-height: 96px;}
.webinar-list .instructor:last-child {margin-left: -16px; z-index: 1}

.webinar-list .monthNameShort { font-size: 4rem; text-transform: uppercase; margin-top: 1rem; margin-bottom: 2rem}
.webinar-list .more-dates-available {font-size: 1.125rem;  line-height: 1.3}
.webinar-list .instructor-names {font-size: 1.0rem}
.webinar-list .wp-block-button {margin-top: 2rem}

.webinar-list .instructors  { margin-top: 1rem}

}

@media (max-width: 768px) {
.webinar-list .headline { font-size: 1.125rem}
.webinar-list .dozentline { font-size: 1.0rem}
.webinar-list .price { font-size: 1.25rem}
.webinar-list .infoline {  font-size: 1.0rem}
.webinar-list .more-dates-available {font-size: 0.8rem;  line-height: 1.3}
.webinar-list .instructors  { margin-top: 1rem}
}