/* Course Date */

.course-date.course-date-table .course-date-row.header {
  display: none;
  color: #007AFF;
  border-top: solid 1px #007AFF;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row.header {
    display: block;
  }
}

.course-date.course-date-table .course-date-row {
  font-size: 0;
  line-height: 0;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row {
    border-bottom: solid 1px #07262d;
  }
}

.course-date.course-date-table .course-date-row details {
  position: relative;
  z-index: 1;
}

.course-date.course-date-table .course-date-row .course-date-mobile .mobile {
  display: inline-block;
  width: 100px;
}

.course-date.course-date-table .course-date-row .course-date-mobile .data {
  width: 220px;
  display: inline-block;
}

.course-date.course-date-table .course-date-row .course-date-mobile .locality .data .cell,
.course-date.course-date-table .course-date-row .course-date-mobile .occupancy .data .cell {
  padding-top: 3px;
}

.course-date.course-date-table .course-date-row .course-date-mobile .booking {
  width: 100%;
  padding: 17px 0 17px 0;
}

.course-date.course-date-table .course-date-row .course-date-mobile details {
  padding-bottom: 17px;
}

.course-date.course-date-table .course-date-row .course-date-mobile details summary .details {
  padding: 0;
  width: 100%;
}

.course-date.course-date-table .course-date-row .course-date-mobile details summary .details .data {
  width: 100%;
}

.course-date-mobile .booking .data .cell p a.cta-course-date span.sans {
  line-height: 30px;
}

.course-date.course-date-table .course-date-row .course-date-mobile .booking .data {
  width: 100%;
  
}

.course-date.course-date-table .course-date-row .course-date-desktop {
  display: none;
}

.course-date.course-date-table .course-date-row .course-date-mobile {
  display: block;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .mobile {
    display: none;
  }
  
  .course-date.course-date-table .course-date-row .course-date-desktop {
    display: block;
  }
  
  .course-date.course-date-table .course-date-row .course-date-mobile {
    display: none;
  }
}

.course-date.course-date-table .course-date-row .data {
  width: 150px;
  display: inline-block;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .data {
    width: 163px;
    display: inline-block;
  }
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .data {
    width: 146px;
    display: table;
    height: 60px;
    margin: 0 17px;
  }
  
  .course-date.course-date-table .course-date-row .date .data {
    width: 216px;
  }
  
  .course-date.course-date-table .course-date-row .price .data {
    width: 110px;
  }
  
  .course-date.course-date-table .course-date-row .occupancy .data {
    width: 95px;
  }
  
  .course-date.course-date-table .course-date-row .date .data {
    margin-left: 0;
  }
  .course-date.course-date-table .course-date-row .date .data .cell p {
    text-align: left;
    padding-left: 17px;
  }
  .course-date.course-date-table .course-date-row .booking .data {
    margin-right: 0;
  }
  
}

.course-date.course-date-table .course-date-row .data .cell {
  text-align: center;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .data .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
}
.course-date.course-date-table .course-date-row p {
  padding: 0;
}

.course-date.course-date-table .course-date-row .date {
  display: flex;
  border-bottom: solid 1px #dadada;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .date {
    display: inline-block;
    border-bottom: none;
  }
}

.course-date.course-date-table .course-date-row .locality {
  display: flex;
  border-bottom: solid 1px #dadada;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .locality {
    display: inline-block;
    border-bottom: none;
  }
}

.course-date.course-date-table .course-date-row .time {
  display: flex;
  border-bottom: solid 1px #dadada;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .time {
    display: inline-block;
    border-bottom: none;
  }
}

.course-date.course-date-table .course-date-row .coursedays {
  display: flex;
  border-bottom: solid 1px #dadada;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .coursedays {
    display: inline-block;
    border-bottom: none;
  }
}

.course-date.course-date-table .course-date-row .price {
  display: flex;
  border-bottom: solid 1px #dadada;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .price {
    display: inline-block;
    border-bottom: none;
  }
}

.course-date.course-date-table .course-date-row .price .data .cell p {
  /*padding-top: 7px;*/
}

@media (min-width: 1096px) {
  
  .course-date.course-date-table .course-date-row .price {
    display: inline-block;
    border-bottom: none;
  }

  .course-date.course-date-table .course-date-row .price .data .cell p {
    padding-top: 0;
  }
  
}

.course-date.course-date-table .course-date-row .bitkom-price {
  display: flex;
  border-bottom: solid 1px #dadada;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .bitkom-price {
    display: inline-block;
    border-bottom: none;
  }
}

.course-date.course-date-table .course-date-row .bitkom-price .data .cell p {
  padding-top: 7px;
}

@media (min-width: 1096px) {
  
  .course-date.course-date-table .course-date-row .bitkom-price {
    display: inline-block;
    border-bottom: none;
  }

  .course-date.course-date-table .course-date-row .bitkom-price .data .cell p {
    padding-top: 0;
  }
  
}

.course-date.course-date-table .course-date-row .occupancy {
  display: flex;
  border-bottom: solid 1px #dadada;
}

@media only screen and (max-width: 1095px) {
  .course-date.course-date-table .course-date-row details .occupancy .data .cell {
    padding-top: 3px;
  }
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .occupancy {
    display: inline-block;
    border-bottom: none;
  }
}

.course-date.course-date-table .course-date-row .occupancy .data .cell .occupancy-block {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0% 100%);
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .occupancy .data .cell .occupancy-block {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0% 100%);
  }
}

.course-date.course-date-table .course-date-row .certification {
  display: flex;
  border-bottom: solid 1px #dadada;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .certification {
    display: inline-block;
    border-bottom: none;
  }
}

.course-date.course-date-table .course-date-row .certification .data .cell p {
  padding-top: 7px;
}

@media (min-width: 1096px) {
  
  .course-date.course-date-table .course-date-row .certification {
    display: inline-block;
    border-bottom: none;
  }

  .course-date.course-date-table .course-date-row .certification .data .cell p {
    padding-top: 0;
  }
  
}

.course-date.course-date-table .course-date-row .details, 
.course-date.course-date-table .course-date-row .booking {
  width: 152px;
  display: inline-block;
  padding: 17px 5px 34px 5px;
  z-index: 2;
  position: relative;
}

@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .details,
  .course-date.course-date-table .course-date-row .booking {
    /*width: 100%;*/
    /*padding-top: 17px;*/
    /*padding-bottom: 34px;*/
  }
}
@media (min-width: 1096px) {
  .course-date.course-date-table .course-date-row .details,
  .course-date.course-date-table .course-date-row .booking {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.course-date.course-date-table .course-date-row .details .mobile,
.course-date.course-date-table .course-date-row .booking .mobile {
  display: none;
}

.course-date .course-date-row.header .data .cell p {
  padding: 0;
  font-size: 18px;
  line-height: 27px;
  font-family: "Sans",sans-serif;
}

.course-date .course-date-row .mobile {
  color: #007AFF;
}

.course-date .course-date-row details .coursedetails-wrapper .coursedetails-row-2 .pricelist .item p.hint,
.course-date .course-date-row .mobile p.hint,
.course-date .course-date-row .data .cell p.hint
{
  font-size: 12px;
  line-height: 14px;
}

.cta-course-date,
.cta-course-date:visited {
  cursor: pointer;
  border: 1px solid #007AFF;
  display: inline-block;
  margin: 0;
  padding: 7px 0px;
  color: #FFFFFF;
  transition: all .4s;
  text-align: center;
  background: #007AFF;
  line-height: 22px;
  width: 100%;
}

.details .cta-course-date, 
.details .cta-course-date:visited {
  width: 100%;
}

.cta-course-date.disabled, 
.cta-course-date.disabled:visited {
  cursor: not-allowed;
  border: 1px solid #dadada;
  color: #B2B2B2;
  background: #dadada;
}

.cta-course-date:hover {
  background: #FFFFFF;
  color: #007AFF;
}

details[open] {

}

details[open] summary .cta-course-date.pe-7s-search {
  background: #FFFFFF;
  color: #007AFF;
}

details[open] summary .cta-course-date.pe-7s-search:hover {
  color: #FFFFFF;
  background: #007AFF;
}

.cta-course-date.disabled:hover {
  color: #B2B2B2;
  background: #dadada;
}

.cta-course-date.active {
  background: #FFFFFF;
  color: #007AFF;
}

a.cta-course-date {
  color: #FFFFFF;
}

.pe-7s-check::before,
.pe-7s-search::before {
  padding-right: 4px;
  font-family: 'Pe-icon-7-stroke';
}

.coursedetails-wrapper .coursedetails-row-1 {
  width: 326px;
  margin-right: 17px;
  float: left;
}

.coursedetails-wrapper .coursedetails-row-2 {
  width: 326px;
  margin-right: 17px;
  margin-left: 17px;
  float: left;
}

.coursedetails-wrapper .coursedetails-row-3 {
  width: 326px;
  margin-left: 17px;
  float: left;
}

details summary .locality p .pe-stack.pe-lg {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 26px;
  line-height: 36px;
  vertical-align: middle;
  font-size: 16px;
}

details summary .locality p .pe-stack.pe-lg .pe-stack-2x {
  font-size: 22px;
}

details summary .locality p .pe-stack.pe-lg .pe-stack-1x {
  line-height: 19px;
  font-size: 8px;
}

.course-date.course-date-table .course-date-row.header .price .data .cell p.non-members-price,
.course-date.course-date-table .course-date-row .price .data .cell p span.no-member-price {
  /*font-style: italic;*/
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper .coursedayslist .coursedayslistitem p.data {
  display: inline-block;
  height: auto;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper .coursedayslist .coursedayslistitem p.data.first {
  margin-left: 0;
  text-align: right;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper .coursedayslist {
  padding: 8.5px 0 17px 17px;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper .certlist {
  padding: 8.5px 17px 17px 0;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper .coursedayslist .coursedayslistitem {
  display: block;
  text-align: left;
  padding: 0 0 8.5px 0;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper p.header {
  padding-left: 17px;
  font-size: 16px;
  line-height: 22px;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper p.header span.hint {
  font-size: 16px;
  line-height: 22px;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper .coursedetails-row-2 p.header {
  padding-left: 0;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper .coursedetails-row-2 .pricelist {
  padding: 8.5px 0 17px 0;
}

.course-date.course-date-table .course-date-row .coursedetails-wrapper .coursedetails-row-3 p.header {
  padding-left: 0;
}

.course-date-row .coursedetails-wrapper .certification .data .cell.double {
  width: 312px;
  height: auto;
  margin: 0 17px;
  padding: 17px 0;
}

.course-date.course-date-table .course-date-row .certification .data .cell.double {
  height: auto;
  text-align: left;
  padding-top: 0;
}

.course-date-row details[open] summary ~ * {
  animation: none;
}

.course-date-row details summary .locality .data .cell p span,
.course-date-row details summary .data .cell p .cta-course-date span,
.course-date-row details summary .data .cell p .cta-course-date span {
  font-size: 18px;
  line-height: 27px;
  font-family: "Sans",sans-serif;
}

.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;
  padding-bottom: 51px;
}

@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%;
  }
}