.courses-table .pager-button-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 24px;
}

.pager-button-wrapper div {
  padding: 5px 6.6px;
}

.pager-button-wrapper p.pager-button {
  padding: 3px 10px;
  border-width: 1px;
  margin: 0;
  min-width: unset;
  border: 1px solid #1964FF;
}

@media only screen and (max-width: 1095px) {
  
  .pager-button-wrapper p.pager-button {
    width: 30px;
  }
  
  .pager-button-wrapper div {
    float: left;
  }
  
  .courses-table .pager-button-wrapper {
    display: table;
  }
  
}

.pager-button-wrapper p.pager-button.inactive {
  background: #EBF5FF;
  border-color: #1964FF;
  color: #1964FF;
}


/* Teaser */

.course.course-teaser {
  clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
  transition: clip-path .3s ease-in-out !important;
  margin-bottom: 34px;
  height: 500px;
}

.course.course-teaser .course-teaser-image {
  height: 326px;
}

.course.course-teaser-content {
  padding: 25.5px 21.25px 42.5px;
}

.course.course-teaser .course-teaser-wrapper {
  padding: 14px;
  vertical-align: middle;
  display: table-cell;
  height: 105px;
  width: 298px;
}
.course.course-teaser .course-teaser-wrapper p {
  font-size: 20px !important;
  line-height: 28px !important;
  text-align: left;
  word-break: break-word;
  padding: 0 17px;
  font-weight: 600;
}

/*
.course.course-teaser .wrapper .main {
  position: relative;
  margin-top: 21px;
  z-index: 0;
}

.course.course-teaser .wrapper .main picture img {
  clip-path: polygon(0px 0px, 305px 0, 305px 282px, 0px 305px);
  margin-left: 21px;
}

.course.course-teaser .wrapper .main .box-wrapper {
  position: absolute;
  top: -21px;
  z-index: -1;
}

.course.course-teaser .wrapper .bottom .main {
  color: #fff;
}

.course.course-teaser .wrapper .bottom .main .flex {
  width: 305px;
  height: 283px;
  padding-left: 21px;
}

.course.course-teaser .wrapper .bottom .main .wrapper {
  vertical-align: middle;
  display: table-cell;
  height: 283px;
  padding-top: 27px;
}

.course.course-teaser .wrapper .bottom .main .wrapper p {
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  word-break: break-word;
  padding: 0 17px;
}
*/
@keyframes sta {
 to {
  stroke-dashoffset:0
 }
}
/*
.course.course-teaser .wrapper.pointer:hover .main .box-wrapper .mood-boxes__shape .mood-boxes__line-1 {
  stroke-width: 8;
  transition-duration: 0.1s;
}

.course.course-teaser .wrapper.pointer:hover .main .box-wrapper .mood-boxes__shape .mood-boxes__line-2 {
  stroke-width: 8;
  transition-duration: 0.1s;
}

.course.course-teaser .wrapper.pointer:hover .main .box-wrapper .mood-boxes__shape .mood-boxes__line-3 {
  stroke-width: 8;
  transition-duration: 0.1s;
}

.course.course-teaser .wrapper.pointer:hover .main .box-wrapper .mood-boxes__shape .mood-boxes__line-4 {
  stroke-width: 8;
  transition-duration: 0.1s;
}

.course.course-teaser .wrapper .bottom {
  position: relative;
  top: -357px;
}
*/
/* courses table */
.courses-table table {
  border-spacing: 0;
  border-collapse: collapse;
  display: table;
  margin-top: 17px;
  width: 100%;
}

.courses-table table thead tr th a {
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
}

.courses-table table thead tr th.th_2 a,
.courses-table table thead tr th.th_3 a,
.courses-table table thead tr th.th_4 a,
.courses-table table thead tr th.th_5 a,
.courses-table table thead tr th.th_6 a {
  font-size: 14px;
  line-height: normal;
}

.courses-table table thead tr th.th_3 a {
  position: relative;
}

.courses-table table thead tr th.th_3 a span.tablesort.tablesort--desc {
  /*background-image: url(/themes/akademie/img/twistie-up.svg);*/
}

.courses-table table thead tr th.th_3 a span.tablesort.tablesort--asc {
  /*background-image: url(/themes/akademie/img/twistie-down.svg);*/
}

.courses-table table thead tr th.th_3 a span.tablesort {
  width: 19px;
  height: 19px;
  position: absolute;
  top: -16px;
  left: 34px;
}

.courses-table table tbody tr td a {
  font-size: 16px;
  line-height: 27px;
}

.courses-table table thead tr {
  height: 51px;
  border-bottom: 2px solid #1964FF;
}

.courses-table table thead tr th.th_1 {
  text-align: left;
}

.courses-table table thead tr th.th_2,
.courses-table table tbody tr td.td_2 p.course-type {

}

.courses-table table tbody tr td.td_2 p.course-type,
.courses-table table tbody tr td.td_6 p.booking-price {
  padding: 0;
  font-size: 14px;
  line-height: normal;
}

.courses-table table tbody tr td.td_3,
.courses-table table tbody tr td.td_4 {
  padding: 0;
  font-size: 14px;
  line-height: normal;
}

.courses-table table thead tr th a span.tablesort {
  float: right;
  margin-top: 7px;
}

.courses-table table thead tr th {
  padding: 4px 8px;
}

.courses-table table tbody tr td.td_1,
.courses-table table tbody tr td.td_2,
.courses-table table tbody tr td.td_3,
.courses-table table tbody tr td.td_4,
.courses-table table tbody tr td.td_5 {
  border-bottom: 0.5px solid #CCC;
}

@media only screen and (max-width: 1095px) {
  .courses-table table tbody tr td.td_1,
  .courses-table table tbody tr td.td_2,
  .courses-table table tbody tr td.td_3,
  .courses-table table tbody tr td.td_4,
  .courses-table table tbody tr td.td_5 {
    border-right: none;
  }
  
  .courses-table table tbody tr td,
  .courses-table table tbody tr td p {
    font-size: 16px;
    line-height: 24px;
    padding: 0px;
  }
  
  .courses-table table tbody tr td.td_1 {
    padding: 0px;
  }
  .courses-table table thead tr th a,
  .courses-table table tbody tr td.td_1 a {
    font-size: 16px;
    line-height: 24px;
  }
  
  .courses-table table tbody tr td p.topic-title {
    text-align: center;
    padding: 4px 0;
  }
  
  .courses-table table tbody tr td.td_1 span {
    text-align: center;
    display: block;
    padding: 4px 0;
  }
  
}

.courses-table table tbody tr td img.course-type-icon {
  height: 34px;
  width: auto;
  vertical-align: middle;
}

.courses-table table tbody tr td p.topic-title {
  color: #C8C8C8;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}

.courses-table table tbody tr td span a,
.courses-table table tbody tr td span a:visited {
  transition: all .4s;
  text-decoration: none;
  color: #1964FF;
}

.courses-table table tbody tr td span a:hover,
.courses-table table tbody tr td span a:active {
  color: #07262d;
}

.courses-table table tbody tr {
  border-bottom: 0.5px solid #CCC;
}

.courses-table table tbody tr td {
  padding: 4px 8px;
  text-align: center;
}

.courses-table table tbody tr :first-of-type {
  text-align: left;
}

.courses-table table tbody tr:hover {
  animation: bling .4s ease-in-out;
  background-color: #EBF5FF;
}

@keyframes bling {
  0%    {background-color: rgba(255,255,255,1);}
  100%  {background-color: rgba(235,245,255,1);}
}

.courses-table table tbody tr td:nth-child(5) {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.courses-table table tbody tr td .occupancy-block {
  display: block;
  width: 21px;
  height: 21px;
  margin: 0 auto;
  clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
}

.courses-table table tbody tr td p.booking-price {
  
}

.table-tab {
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 47px;
}

.table-tab a {
  display: table-cell;
  width: 158.33px;
  padding: 4px 8px;
  text-align: center;
  vertical-align: middle;
  background-color: #1964FF;
  height: 100%;
  transition: all .4s;
  border: 1px solid #EBF5FF;
}

@media only screen and (max-width: 1095px) {
  .table-tab {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 47px;
  }

  .table-tab a {
    display: table-cell;
    width: 158.33px;
    padding: 4px 8px;
    text-align: center;
    vertical-align: middle;
    background-color: #1964FF;
    height: 100%;
    transition: all .4s;
    border: 1px solid #EBF5FF;
  }
}

.table-tab a:hover {
  background-color: #EBF5FF;
  border: 1px solid #1964FF;
}

.table-tab a.active {
  background-color: #EBF5FF;
  border: 1px solid #1964FF;
}

.table-tab a.active:hover {
  background-color: #EBF5FF;
}

.table-tab a span {
  color: #FFFFFF;
  text-decoration: none;
  transition: all .4s;
}

.table-tab a.active span {
  color: #07262d;
}

.table-tab a:hover span {
  color: #07262d;
}

.table-tab a.active:hover {
  color: #07262d;
}

.paragraph .courses-table table {
  transition: all .4s;
}

@media only screen and (max-width: 1095px) {
  
  .table-tab {
    width: 326px;
    max-width: 100%;
  }
  
  .table-tab a {
    display: block;
    width: calc(100% - 16px);
  }

  .paragraph .courses-table table thead tr th {
    /*
    transform: rotate(-90deg);
    height: 110px;
    border: 1px solid #bcbcbc;
    */
  }
  
  .paragraph .courses-table table thead tr th.th_1 {
    display: inline-block;
    width: 310px;
    text-align: center;
    height: 34px;
    padding-top: 17px;
  }
  
  .paragraph .courses-table table thead tr th.th_2,
  .paragraph .courses-table table thead tr th.th_3,
  .paragraph .courses-table table thead tr th.th_4,
  .paragraph .courses-table table thead tr th.th_5,
  .paragraph .courses-table table thead tr th.th_6 {
    display: inline-block;
    width: 62px;
    padding: 0;
    vertical-align: top;
  }
  
  .paragraph .courses-table table tbody tr {
    display: block;
    padding-bottom: 5px;
  }
  
  .paragraph .courses-table table tbody tr td.td_1 {
    display: inline-block;
    width: 310px;
    word-break: break-word;
  }
  
  .paragraph .courses-table table tbody tr td.td_2,
  .paragraph .courses-table table tbody tr td.td_4,
  .paragraph .courses-table table tbody tr td.td_6 {
    display: inline-block;
    padding: 0;
    width: 152px;
    text-align: left;
    padding-left: 32px;
  }
  
  .paragraph .courses-table table tbody tr td.td_3,
  .paragraph .courses-table table tbody tr td.td_5 {
    display: inline-block;
    padding: 0;
    width: 57px;
    text-align: left;
    padding-left: 8px;
  }
  
  /*
  .paragraph .courses-table table tbody tr td.td_2,
  .paragraph .courses-table table tbody tr td.td_3,
  .paragraph .courses-table table tbody tr td.td_4 {
    width: 64px;
  }
  
  .paragraph .courses-table table tbody tr td.td_5 {
    width: 42px;
  }
  
  .paragraph .courses-table table tbody tr td.td_6 {
    width: 70px;
    padding-right: 8px;
  }
*/
  .courses-table table tbody tr td {
    padding: 8px;
  }
  
  .content-wrap.taxonomy-type-topics .table-tab {
    display: block;
    margin: 0 auto;
    height: auto;
  }
  
  .content-wrap.taxonomy-type-topics .table-tab a {
    display: inline-block;
    width: 163px;
    height: 48px;
    padding-top: 6px;
  }
  
  
  
}
.paragraph.paragraph--type--course-date,
.paragraph.paragraph--type--course-table-digital-transformat, 
.paragraph.paragraph--type--course-table-it-security, 
.paragraph.paragraph--type--course-table-data-protection, 
.paragraph.paragraph--type--course-table-project-management, 
.paragraph.paragraph--type--course-table-legal-finances, 
.paragraph.paragraph--type--course-table-digital-marketing, 
.paragraph.paragraph--type--course-table-course, 
.paragraph.paragraph--type--course-table-certificate-course, 
.paragraph.paragraph--type--course-table-webinar {
  width: 326px;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 1096px){
  .paragraph.paragraph--type--course-date,
  .paragraph.paragraph--type--course-table-digital-transformat, 
  .paragraph.paragraph--type--course-table-it-security, 
  .paragraph.paragraph--type--course-table-data-protection, 
  .paragraph.paragraph--type--course-table-project-management, 
  .paragraph.paragraph--type--course-table-legal-finances, 
  .paragraph.paragraph--type--course-table-digital-marketing, 
  .paragraph.paragraph--type--course-table-course, 
  .paragraph.paragraph--type--course-table-certificate-course, 
  .paragraph.paragraph--type--course-table-webinar {
    width: 100%;
  }
  
  .courses-table table tbody tr td.td_2 {
    width: 133px;
  }
  
  .courses-table table tbody tr td.td_2 p {
    text-align: center;
  }
  
  .courses-table table tbody tr td .occupancy-block {
    margin: 0 auto;
  }
  
}