.kursart {
line-height: 40px;  
}

.bg-kurs {
color: #fff;  
background-color:#61bdd5; 
min-height: 120px;  
}

.article-list .article {
height: 100%;  
}
.article-body {
position: relative;  
}

.blognews {
  height: 100%;
  display: flex !important;
  align-items: stretch !important;
}
#sp-component div.row .blognews .article .article-body div.readmore {
  position: absolute;
  bottom: 10px;
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 {
  min-height: 60px; 
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
  color: #252525;
  font-size: 17px; 
}

.ueberschrift1 {
font-size: 2.8rem;
color: #61bdd5;
margin-top: 20px;
margin-bottom: 20px;
}

.kursueberschrift {
color: #fff; 
text-transform: uppercase;
}

.anmelde-button a, .readmore a{
 color: #fff; 
  background-color:#61bdd5; 
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 8px;
}

.anmelde-button a:hover, .readmore a:hover {
 color: #61bdd5; 
  background-color:#e9ecef; 
}

.article-list .article .readmore a {
  color: #fff;
  font-weight: 500;
}

.kursdatenfeld {
 color: #fff; 
  background-color:#425765; 
  padding: 40px 40px;
}

h1.underline:after,
h2.underline:after {
  content: " ";
  display: block;
  width: 100px;
  width: 6.25rem;
  border: 1px solid #4b4b4b;
  margin: 10px auto;
}
.header-section h1,
.header-section h2 {
  font-size: 24px;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .header-section h1,
  .header-section h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}
.header-section h1.underline:after,
.header-section h2.underline:after {
  border: 1px solid #ffffff !important;
}