#page-header {
    padding-top: 0.5rem !important;
}

body #page-content {
    padding-bottom: 0rem;
    background-color: #f8f9fa;
}


body .frame-space-after-none {
    margin-bottom: 0rem;
    padding-bottom: 0;
}


body .bp-page-footer .footer-section-metanav .frame {
    display: none;
}

.category-overview .list-group {
  display: none;
}

.navbar-top #mainnavigation a {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

body .navbar-top #mainnavigation .nav>.navigation-item>.nav-link {
  font-size: 1rem;
  //font-weight: normal;
}

.news-list-view.layout-Jumbotron .item-stage-body {
    position: initial !important;
    bottom: initial !important;
    padding-right: initial !important;
    padding-bottom: initial !important;
    padding-left: initial !important;
}

.news-list-view.layout-Jumbotron .item-title {
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
}

.department-wrapper .contacts .contact {
  /*
    max-width: 33% !important;
    min-width: 33% !important;
    padding: 2rem !important;
 */
  align-items: normal;
}

.contact .contact-head {
    display: block !important;
}

.contact .contact-head .rounded-circle {
    border-radius: initial !important;
}

.contact .contact-head img {
    width: 100%;
    height: auto;
}

.textpic.textpic-left .textpic-item.textpic-gallery {
  width: 25%;
}

.textpic.textpic-left .textpic-item.textpic-text {
  width: 75%;
}


.slider-default .slider-title > h1.h2.text-primary, .slider-default .slider-title .h2.text-primary {
	color: #faba00 !important;
}

.category-courses-row .category-courses-col-1 {
	margin-bottom: 2rem;
}

.course-show-row .course-show-col-1, .course-show-row .course-show-col-2 {
  margin-bottom: 2rem;
}

.itm-kursprogramm .category-overview.my-5 {
    margin-bottom: 0 !important;
}

#category-show .slider-container .slider-inner {
  background: none !important;
}

#course-show .slider .slider-bg {
    height: 150px !important;
}

.course-content p {
  margin-bottom: 0 !important;
}

#course-dates .badge {
  font-size: 100%;
}

.bk-icon.bk-waitinglist::before,
.bk-icon.bk-waitinglist.bk-av-soldout::before
{ color: #fa0000 !important; }

#category-show .slider-title h1,
#course-show .slider-title h1 {
  color: white !important;
  text-shadow: 2px 2px 4px black;
}

.modal-body p {
    line-height: 1.5rem;
    margin: 0;
}

.modal-header .text-muted {
    display: block;
}

.bk-icon.bk-notbookable::before {
    color: #a72828 !important;
	content: "\f28d" !important;
}

.bk-text.bk-boxoffice::before {
    content: 'Anmeldung vor Ort' !important;
}

.bk-text.bk-notbookable.bk-av-soldout::before {
    content: "Aktuell sind keine Plätze mehr frei." !important;
}

.course-lecturers-list .rounded-circle {
    border-radius: 0 !important;
}

.course-lecturers-list .course-lecturers-list-col .col-2,
.course-lecturers-list .course-lecturers-list-col .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
}
.course-lecturers-list .course-lecturers-list-col img{
    width: 100%;
    height: 100%;
}

.course-lecturers-list .course-lecturers-list-col span {
  display: block;
  width: 100%;
  text-align: left !important;
}

.news-single .thumbnail {
    margin: 1rem auto;
}

.block-md-4:not(.swiper-wrapper)>*:not(.page-navigation), .block-md-4.swiper-wrapper .slick-slide {
    min-width: 100%;
    max-width: 100%;
}

.course-actions .btn {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#category-show .slider-default .slider-title > h1, #category-show .slider-default .slider-title .h1 {
    color: #fff!important;
}

#course-show .slider-default .slider-title > h2, #course-show .slider-default .slider-title .h2 {
    font-size: 1.75rem;
}

.course-content > h5::before {
    content: 'Beschreibung und Inhalte';
}

.course-content > h5 {
	margin-bottom: -2rem;
}

.course-dates-section > p {
  font-size: 1.125rem;
}

#course-show .course-show-bar {
  display: none;
}

#course-show .course-date-item .w-25 {
  display: none !important;
}

#course-show .course-date-item .w-75 {
  width: 100% !important;
}

.contact .contact-head {
  min-width: 100%;
}


@media (min-width: 768px){
  
  div.block-md-4:not(.swiper-wrapper)>*:not(.page-navigation), .block-md-4.swiper-wrapper .slick-slide {
      min-width: 33.33%;
      max-width: 33.33%;
  }
    
  .course-actions .btn {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
  
  #course-show .slider-default .slider-title > h2, #course-show .slider-default .slider-title .h2 {
    font-size: 2.5rem;
  }
  
  #course-show .course-show-bar {
    display: flex;
    margin-bottom: auto !important;
  }

  #course-show .course-date-item .w-25 {
    display: flex !important;
  }

  #course-show .course-date-item .w-75 {
    width: 75% !important;
  }

  .course-lecturers-list .course-lecturers-list-col{
    flex: 0 0 100%!important;
    max-width: 100%!important;
  }
/* Rundes Bild*/
.imgrund {
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	}
  /* Subnavigation-> Breite */
 .dropdown-menu{
   width: 17rem;
  }
   /* SeitenTitel mit Hintergrund */
  .titel-site{
     text-align:center;
    text-transform:uppercase;
    color:#FFFFFF;
    font-weight:bold;
    font-size:330%;
    font-family:Verdana;
    
  }
   .titel-site-shadow{
     text-align:center;
    text-transform:uppercase;
      text-shadow: black 0.1em 0.1em 0.2em;
    color:#FFFFFF;
    font-weight:bold;
    font-size:330%;
    font-family:Verdana;
    
  }
  .titel-site-shadow-blue{
    text-shadow: 4px 3px 0 #7A7A7A;
    margin-left: 2em;
    color:#4CCBD4;
    font-weight:bold;
    font-size:330%;
    font-family:Verdana;
    
  }
  /* SeitenUntertitel mit Hintergrund */
  .subtitel-site{
    text-align:right;
    color:#FFFFFF;
    font-weight:90;
    font-size:150%;
    font-family:Verdana;
    
  }
    .subtitel-site-shadow-blue {
        text-align:left;
     text-shadow: 4px 3px 0 #7A7A7A;
    color:#4CCBD4;
    font-weight:180;
    font-size:250%;
    font-family:Verdana;
    
  }
  /* Ansprechpartner Schatten */
 .rounded-circle{  
box-shadow: 0px 0px 5px #888
}
  /*Bild Schatten
.gallery-item img {  
  box-shadow: 11px -10px 10px -6px rgba(159,154,154,0.75);
-webkit-box-shadow: 11px -10px 10px -6px rgba(159,154,154,0.75);
-moz-box-shadow: 11px -10px 10px -6px rgba(159,154,154,0.75);
}*/
  /*Bild KEIN Schatten*/
  .NoShadow  gallery-item img{
    box-shadow:no;
  -webkit-box-shadow: no;
    -moz-box-shadow:no;
  }
 
  /* Font Color orange */
  .orange{
    color: #FFBF00;
  }
  /* Hintergrund Color hellorange */
  .backcolor{
    background-color: #FFBF00;
  }
  /*videothek iframe 3-colimns*/
  .container-iframe {
  position: relative;
  width:100%;
  overflow: hidden;
  padding-top:50%; 
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
  /* Kategorien- Text unter der KursKategorie */
 .selektor1 {
    color: green;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
  }
  /*frame WOLKEB*/
  .iframe-container{
    overflow:hidden;
    overflow-x: scroll;
    position: relative;
    padding-top: 56.25%;
  }
  iframe-container iframe{
    border:0;
    height:100%;
    left:0;
    position:absolute;
    top: 0;
    width:100%;
       
  }
   /* Startseite carousel oben*/
  .carousel {
     max-height: 600px;
  }
  .carousel .carousel-item-type-text_and_image .carousel-image img {
    position:absolute;
    top: 0.6em;
  }
   .carousel .carousel-item-type-image .carousel-image img {
    /*width: 1200 px;*/
    height: 600 px;
    vertical-align: top;
  }

/* carousel-Titel mit Schatten - Startseite-header*/
  .carousel .carousel-item h1 {
    text-shadow: black 0.1em 0.1em 0.2em;
    color:#FFFFFF;
    font-weight:180;
    font-size:4rem;
    font-family:Verdana;
  }
   .carousel .carousel-item h2 {
    text-shadow: black 0.1em 0.1em 0.2em;
    color:#FFFFFF;
    font-weight:120;
    font-size:2rem;
    font-family:Verdana;
  }
  
.category-info-footer {
    display: none;
}
  
.itm-gallery .gallery-item {
    padding: 1rem;
}

/* Accordion Tittel Farbe*/
  .accordion-title {
   color: #ffffff;
  }
  
  #course_supplementaryFeeText{
    text-align:left;
  }
  
  #course_ageRestriction{
    display:none;
  }
  .navbar-brand-logo-normal{
    object-fit: contain;
  }