body {
  color: #2C323E;
}

a {
   color: #4C6EB3;
}

h3 {
  padding-bottom: 20px;
}

#sp-top-bar {
  font-size: 20px !important;
  font-family: 'Hind Siliguri', sans-serif;
}

#sp-top-bar a {
  font-weight: normal;
}

#sp-header {
  margin-bottom: 10px;
}

#sp-logo a {
  color: #2C323E;
  font-family: 'Hind Siliguri', sans-serif;
  font-size: 30px !important;
  font-weight: 500;
}

/*************************** THEMEN  */

#sp-user1 {
  margin: 10px 0;
}

.themenliste ul {
  display: flex;
  padding: 0 0 10px;
  border-bottom: 1px solid #9eb2d9;
}

.themenliste li {
  padding-right: 30px;
}

.alleartikel ul {
  /* display: flex; */
}

.alleartikel ul li{
  padding: 2px 40px 2px 0px;
}

.alleartikel .mod-articles-category-group {
  font-weight: bold;
  padding: 10px 0 10px 0;
}

.alleartikel ul li ul{
  /* display: block; */
}

.alleartikel ul li ul li {
  list-style: none;
  padding: 5px 0;
}

.alleartikel ul>li>a {
  color: #4C6EB3;
}


/*************************** BREADCRUMBS  */

.breadcrumb {
  background-color: #fff;
  font-size: 18px;
  padding: 0 0;
  border: none;
  margin: 0px 0 40px 0;
}

/*************************** KOMPONENTEN */

#sp-user2 {
  margin-bottom: 30px;
}

#sp-main-body {
  padding: 0 0 100px 0;
}


/*************************** MEISTEN GELESEN */

#sp-left {
  padding-bottom: 30px;
}

#sp-left .sp-module {
  background-color: rgb(158,178,216,0.54);
}

#sp-left .sp-module .sp-module-title {
  font-size: 30px;
  font-weight: normal;
}

#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {
  margin-bottom:20px;
  padding-bottom: 20px;
}

.blog-featured .article {
  border: none;
  border-bottom: 1px solid #3D3B28;
}

/*************************** EINZELNER BEITRAG */

.article-details ul {
  padding: 5px 0 5px 50px;
}

.article-details ul li {
  padding: 5px 0 10px 0;
  list-style-type: square;
}

.article-details table tr {
    margin-bottom: 20px;
}

.article-details table tr:nth-child(odd) {
  background-color: rgb(158,178,216,0.3)
}

.article-details table tr:nth-child(even) {
  background-color: rgb(158,178,216,0.1)
}

.article-details table td {
  border: 1px solid #fff;
  padding: 20px 20px;
}

.article-details table td:first-of-type {
  font-weight: bold;
}

/*********************************************************************/
/************** MEDIA SPECIFIC ***************************************/

@media screen and (max-width: 540px) {

  #sp-logo a {
    font-size: 14px !important;
  }

  .themenliste ul {
    display: revert;
  }

  .themenliste ul li {
    line-height: normal;
    text-align: center;
  }

  .themenliste li a {
    font-size: 14px;
  }

  .article-details table tr,   .article-details table td,   .article-details table th {
    display: block;
  }

  .article-details table td:first-of-type {
      text-align: center;
    }
}