/*!
 *  ====================================================
 *  Startseite
 *  ====================================================
 */


 .startseite-header-left {
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:100%;
  min-height: 36rem;
}

.startseite-header-left .startseite-header-content {
  margin-bottom:7rem;
}

@media (max-width: 767px) {
  .startseite-header-left .startseite-header-content {
  margin-bottom:0rem;
}
}

@media (min-width: 2100px) {
  .startseite-header-left {
       min-height: 46rem;
  }
}


.section.section-slider {
  position:relative;
}

@media (min-width: 1400px) {
  .startseite-header-left h1, .startseite-header-left .h1 {
      font-size:3.5rem;
  }
  .banner_title h1 {
    font-size:3.5rem;    
    color: #FFFFFF;
  }
  
}

@media (max-width: 991px) {
  .startseite-header-left h1, .startseite-header-left .h1 {
      font-size:2.5rem;
  }
  .banner_title h1 {
    font-size:2.5rem;      
  }
}

.startseite-slider-container {
  display:flex;
  justify-content:flex-end;
  position:relative;
}

.startseite-slider-container .swiper-container {
 margin:0;
}

.startseite-slider-container .slider-buttons-container {
  position:absolute;
  display:flex;
  height:100%;
  left:0;
  top:0;
  justify-content:center;
  z-index:2;
   align-items:center;
}

.startseite-slider-container .slider-buttons-container .slider-buttons {
  color:white;
  display:flex;
  flex-direction:column;
  height:7rem;
  width:3.4rem;
  position:relative;
  top:-3rem;
}

.startseite-slider-container .slider-buttons-container .slider-buttons button {
  color:white;
  font-size:0.75rem;
  width:100%;
  height:100%;
  background-color: #292c31;
  border-radius:0;
}

.startseite-slider-container .slider-buttons-container .slider-buttons button i:before {
  color:white;
}

.startseite-slider-container .slider-buttons-container .slider-buttons button:hover {
  background-color:#000;
}


.swiper-container {
width: 100%;
height: 100%;
}

.section.section-teaser .swiper-wrapper, .section.section-quicklinks .swiper-wrapper {
  left: -8px;
}

.startseite-slider-container .swiper-wrapper {
max-height: 36rem;
}



.swiper-start-animation {
  animation-name: slideToRight;
  animation-duration: 1.2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-timing-function: cubic-bezier(0.785,.135,.15,.86);
}



@keyframes slideToRight { 
  0%{margin-left:0}
  50%{margin-left:-100px}
  100%{margin-left:0}
}

@-webkit-keyframes slideToRight { 
  0%{margin-left:0}
  50%{margin-left:-100px}
  100%{margin-left:0}
}




@media (min-width: 2100px) {
  .startseite-slider-container .swiper-wrapper {
max-height: 46rem;
}
}

.swiper-button-prev, .swiper-button-next {
  display:none;
}




.startseite-slider-container .swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 720px;
  background-position: center;
  position:relative;
}

@media (max-width: 767px) {

  .startseite-slider-container .swiper-wrapper {
max-height: 16rem;
}
.startseite-slider-container .swiper-slide {
  height: 16rem;
}

.startseite-slider-container .slider-buttons-container .slider-buttons {
    display:none;
}


.swiper-button-prev, .swiper-button-next {
  display: block;
  font-size: 0.75rem;
  background-color: #292c31;
  border-radius: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.swiper-button-prev i:before, .swiper-button-next i:before {
  color: #fff;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
  background-color:#000;
}


.swiper-button-prev {
  left:0;
}

.swiper-button-prev:after, .swiper-button-next:after {
  content:'';

}



}


.startseite-slider-container .swiper-slide .video-overlay {
   display:flex;
   width:100%;
   height:100%;
   justify-content:center;
   align-items:center;
}

.startseite-slider-container .swiper-slide .video-overlay a {
   color:white;
   z-index:10;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;
   transition: all 0.2s;
}


.startseite-slider-container .swiper-slide .video-overlay a i {
   font-size:6.5rem;
   margin-bottom:0.7rem;
}

.startseite-slider-container .swiper-slide .video-overlay:after {
   content: ''; 
   position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transition: opacity .15s ease-in-out;
    background-color: rgba(0,0,0,.4);
    pointer-events: none;
    -webkit-box-shadow: inset 0 9px 9px -9px #0000003b;
     box-shadow: inset 0 9px 9px -9px #0000003b;
}



.startseite-slider-container .swiper-slide .video-overlay a:hover,.startseite-slider-container .swiper-slide .video-overlay a:active  ,.startseite-slider-container .swiper-slide .video-overlay a:focus  {
 transform: scale(1.1);
 text-decoration:none;
}



.kursbuch-ad-container {
  position:absolute;
  left:0;
  height:252px;
  width:100%;
  display:flex;
  align-items:center;
  bottom:-7rem;
  z-index:2;
}

/* .kursbuch-ad-container img {

} */

.kursbuch-ad-inner {
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:white;
  padding-left:4rem;
  padding-right:4rem;
  padding-top:2rem;
  padding-bottom:2rem;
  flex-wrap:wrap;
  background-color: #0C2340;
  background-image: url("/fileadmin/images/bg_beton.jpg");
  background-size: cover;

}

.kursbuch-ad-inner .kursbuch-ad-text {
  margin-bottom: 0.5rem;
}


@media (max-width: 1100px) {
  .kursbuch-ad-inner {
      padding-left:2rem;
      padding-right:2rem;
  }
    .kursbuch-ad-inner .h1 {
    font-size:2rem;
  }
}

@media (max-width: 991px) {

    .kursbuch-ad-inner .h1 {
    font-size:1.7rem;
  }
}

@media (max-width: 767px) {
  .kursbuch-ad-container{
      position:relative;
      bottom:-4.5rem;
      padding: 0!important;
   
  }

  .startseite-header-left {
      min-height:inherit;
  }


}

@media (max-width: 575px) {
  .kursbuch-ad-container{
      flex-direction:column;
      height:auto;
      position:relative;
      bottom:-4.5rem;
      padding:0 !important;
  }

    .kursbuch-ad-container img{
      width:100%;
  }

}


@media (min-width: 1540px) {
 .kursbuch-ad-inner .btn-white {
          padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 1rem;
  padding-bottom: 0.8rem;
  }
}



.section-karriereleiter {
     background-color:#e9ebee;
     padding-top:12rem;
     position:relative;
}

@media (max-width: 767px) {
.section-karriereleiter {
     padding-top:6rem;
}

}


.section-karriereleiter.s-oe {
     padding-top:5rem;
}

@media (max-width: 767px) {
.section-karriereleiter.s-oe {
     padding-top:3rem;
}

}



.karriereleiter-counter {
  display:flex;
  flex-direction:column;
  width:15rem;
  border-top:1px dotted #a1a1a1;
}

.karriereleiter-counter .counter-row {
  display:flex;
  align-items:center;
  line-height:2.3;  
  border-bottom:1px dotted #a1a1a1;
}

.karriereleiter-counter .counter-row .counter-number {
  font-size:2rem;
  /* color:#e5222f; */
  color:#0C2340;
  margin-right:2rem;
  font-family: TradeGothicLTPro-Bold;

}


.karriereleiter-container {
  width:100%;
  padding-right:10rem;
}



.karriereleiter-img-mobile-container {
  display:flex;
  height:100%;
  width:100%;
  align-items:flex-end;
}

.karriereleiter-img-mobile-container img {
  max-width: 100%;
  width: 100%;
}

.karriereleiter-mobile-dotted-space {
  width:100%;
  height:4rem;
  border-top:1px dotted #a1a1a1;
}

.karriereleiter-row {
  display:flex;
  justify-content:flex-end;
  align-items:center;

}

.karriereleiter-bar {
  width:60%;
  display:flex;
  justify-content:flex-end;
}

.karriereleiter-bar .bar-container {
  width:100%;
  padding-bottom:0.5rem;
  margin-bottom: 0.5rem;
  border-bottom:1px dotted #a1a1a1;
  height:6rem;
}

.karriereleiter-bar .bar-container-inner {
  display:flex;
  justify-content:center;
  align-items:flex-end;
  /* background-color: #e5222f; */
  background-color: #0C2340;
  color:white;
  padding:0.6rem;
  padding-right:1.3rem;
  margin-right:1.7rem;
  flex-direction:column;
  height:100%;
}


.karriereleiter-bar .title{
  font-size:1.4rem;
  margin-bottom:0;
}

.karriereleiter-bar .anchor{
  padding-bottom:0;
}


.karriereleiter-links {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:40%;
      padding-bottom:0.5rem;
  margin-bottom: 0.5rem;
  border-bottom:1px dotted #a1a1a1;
  height:6rem;
  justify-content:center;
}

.karriereleiter-links .iconanchor span {
  font-weight:bold;
}

.karriereleiter-row:last-child .bar-container, .karriereleiter-row:last-child .karriereleiter-links {
  border:none;
}



.karriereleiter-row.headline {
  margin-bottom:2rem;
  font-size:0.889rem;
      /* color: #e5222f; */
      color: #0C2340;
  font-weight:bold;
}

.karriereleiter-row.headline .karriereleiter-bar {
  padding-right:3rem;
}


.karriereleiter-row.headline .karriereleiter-links {
  border:none;
  margin:0;
  height:auto;
  padding:0;
}

.karriereleiter-bottom-container {
  background-color:#d7dade;
  padding-top:1.5rem;
  padding-bottom:1rem;
  position:relative;
}

.karriereleiter-bottom-container .karriereleiter-img {
  position:absolute;
  top:-22.5rem;
  left:1rem;

}


.karriereleiter-bottom-container .karriereleiter-bar .bar-container-inner {
  background:none;
  color:#000;
}

.karriereleiter-bottom-container .karriereleiter-bar .bar-container {
  margin:0;
  padding:0;
  border:none;
}

.karriereleiter-bottom-container .karriereleiter-bar .bar-container .btn-opener {
  display:none;
}



.karriereleiter-bottom-container .karriereleiter-links {
  margin:0;
  padding:0;
  border:none;
}

.karriereleiter-bottom-container  .karriereleiter-row.headline {
  margin-bottom:0rem;
}


@media (max-width: 1650px) {
  .karriereleiter-container {
      padding-right: 0;
  }
}

@media (max-width: 1399px) {

.karriereleiter-counter .counter-row:last-child {
  border-bottom:none;
}

.karriereleiter-bar .title{
  font-size:1.2rem;
}

}

    .karriereleiter-row .karriereleiter-bar .btn-icon-only {
      position: absolute;
      right: 0;
      top: 0.6rem;
      font-size: 1rem;
      display:none;
  }


@media (max-width: 767px) {
  .karriereleiter-counter {
      display:none;
  }

  .karriereleiter-img-mobile-container {
      display:none;
  }

  .karriereleiter-mobile-dotted-space {
      display:none;
  }


  .karriereleiter-row.headline {
      display:none;
  }


  .karriereleiter-row {
      display:flex;
      justify-content:center;
      align-items:flex-start;
      flex-direction:column;
        border-top:1px dotted #a1a1a1;
        padding-top:0.75rem;
        cursor:pointer;
        position:relative;
  }



  .karriereleiter-bar {
      width:100%;
      display:flex;
      justify-content:flex-start;
  }

  .karriereleiter-bar .bar-container {
      padding-bottom:0;
      margin-bottom:1rem;
      border-bottom:none;
      height:auto;
     width:100% !important;
  }

  .karriereleiter-bar .bar-container-inner {

      display:flex;
      justify-content:center;
      align-items:flex-start;
      background:none;
      color:#000;
      padding:0;
      margin:0;
      flex-direction:column;
  }


  
  .karriereleiter-bar .title{
       position:relative;
       top:4px;
       line-height:1.25;
  }


  .karriereleiter-bar .anchor{
       color:#5d666b;
       display:none;
  }

    .karriereleiter-bar .anchor-white:after{
       background:#5d666b;
  }


  .karriereleiter-links {
     width:100% !important;
     border:none;
     height:auto;
     display:none;

  }

  .karriereleiter-row.active .karriereleiter-links {
      display:flex;

  }

    .karriereleiter-row.active .karriereleiter-bar .anchor-white {
      margin-top:0.3rem;
      display:block;
  }


    .karriereleiter-row:not(.active) .karriereleiter-bar .btn-opener{
      display: block;
  }

    .karriereleiter-row.active .karriereleiter-bar .btn-closer {
      display: block;
  }

    .karriereleiter-bottom-container {
      padding-top:0;
   }


    .karriereleiter-bottom-container .karriereleiter-row {
       border:none;
   }

     .karriereleiter-bottom-container .karriereleiter-row.headline{
       display:block;
   }

}

.section.section-teaser {
  padding-top:8rem;
  padding-bottom:4rem;
}


@media (max-width: 767px) {
.section.section-teaser {
     padding-top:4rem;
}

}


/* .section.section-teaser .swiper-container .teaser-container {
  height:30rem;
}

.section.section-teaser .swiper-container .teaser-container {
  height:30rem;
} */

@media (min-width: 2000px) {
.section.section-teaser .swiper-container .teaser-container {
  height:35rem;
}
}

@media (max-width: 1550px) and (min-width:1200px) {
.section .teaser-menu-container h1 {
  font-size:1.9rem;
}
}




.section.section-teaser .teaser-menu-container ul {
  padding-left:0;
}

.section.section-teaser .teaser-menu-container ul li {
  line-height:3;
}

.section.section-teaser .teaser-menu-container ul li:before {
  content: none;
}


.section.section-teaser .teaser-menu-container ul li a {
  color:#000;
  text-decoration:none;
   display: inline-block;
  line-height: 2;
}

.section.section-teaser .teaser-menu-container ul li a:hover {
  /* color:#e5222f; */
  color:#0C2340;
  text-decoration:none;
}

.section.section-teaser .teaser-menu-container ul li a.active {
  /* color: #e5222f; */
  color: #0C2340;
  font-weight: bold;
}

.section.section-teaser .teaser-menu-container ul li a.active:after {
  content: '';
  height: 1px;
  display:block;
  /* background: #b11c28; */
  background: #0C2340;
}

.teaser-slider-button {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
 
}

.teaser-slider-button .btn {
  font-size:2rem;
}


.section.section-teaser .teaser-mobile-filter {
  border:none;
  background:none;
  border-radius:0;
  border-bottom:1px solid #0C2340;
  color: #0C2340;
  padding-bottom:0.3rem;
   outline: none;
}

.section.section-teaser .teaser-mobile-filter option{
  color:#000;
}


@media (max-width: 1199px) {
  .section.section-teaser .teaser-menu-container ul li {
  line-height:3;
  float:left;
  margin-right:2rem;
}

.section.section-teaser .teaser-menu-container ul li:last-child {
  margin-right:0;
}
}



.section.section-news {
  padding-top:5rem;
  padding-bottom:4rem;
}

@media (max-width: 767px) {
.section.section-news {
     padding-top:2rem;
      padding-bottom:3rem;
}

}

.section.section-news .news-item {
  display:flex;
  justify-content:space-between;
  align-items:center;

  border-bottom: 1px solid #ccc;
  min-height:8rem;
  width:100%;
}

.section.section-news .news-item:first-child {
  border-top:1px solid #ccc;
}

  

.section.section-news .news-item .item-links {
  text-align:right;
}

@media (max-width: 767px) {
  .section.section-news .news-item {
       flex-direction:column;
       align-items: flex-start;
       padding-top:1.5rem;
       padding-bottom:1.5rem;
  }
  .section.section-news .news-item .item-links {
       text-align:left;
       margin-top:1rem;
  }
}


.section.section-quicklinks {
  padding-top:5rem;
  padding-bottom:5rem;
  background-color:#e9ebee;
}


@media (max-width: 767px) {
.section.section-quicklinks {
     padding-top:3rem;
      padding-bottom:4rem;
}

  .teaser-slider-button {
      justify-content: flex-end;
  }

  .teaser-slider-button .anchor-secondary {
     display:none;
  }
}



.section.section-quicklinks .swiper-container .teaser-container {
  height:22rem;
  font-size:0.889rem;
}


.section.section-standorte {
  padding-top:7rem;
  padding-bottom:2rem;
}



.section.section-standorte .standort-overview-container {
  background-color: #ebebeb;
  background-image: url("../img/asfalt-dark_lighter.png");
}



@media (max-width: 767px) {
.section.section-standorte {
     padding-top:3rem;
}

}

/*!
*  ====================================================
*  Suche
*  ====================================================
*/

.search-filter-container {
  height:100%;
  position:relative;
  padding-top: 40px;
}

.search-filter-container .search-filter-footer {
  margin-top:4rem;
  padding-bottom:3rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:0.889rem;
  flex-wrap:wrap;
}

.search-filter-container .search-filter-footer h5 {
  margin-bottom:0;
}

.search-filter-container .search-filter-footer .btn {
  margin-bottom:0.3rem;
}


.search-filter-mobile-container {
  position:fixed;
  bottom:0;
  left:0;
  margin-top:3rem;
  display:none;
  z-index:11;
  width:100%;
  background-color:#fff;
}

.search-mobile-showbutton {
  display:none;
}

.search-filter-mobile-container .search-mobile-showbutton {
  display:block;
}

.search-filter-mobile-container:after{
    content: ''; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .15s ease-in-out;
    opacity: 0;
    visibility:hidden;
    background-color: rgba(0,0,0,.7);
    pointer-events: none;
    -webkit-box-shadow: inset 0 9px 9px -9px #0000003b;
     box-shadow: inset 0 9px 9px -9px #0000003b;
}

.search-filter-mobile-container.active:after {
z-index:-1; opacity:1; 
visibility:visible;
position: fixed;
}

.search-filter-mobile-container.active {
  display:block;
}

.search-filter-mobile-button {
  position: fixed;
  bottom: 0;
  right: 0;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  z-index: 10;
  width: 3.5rem;
  height: 3.5rem;
  background-color: #0C2340;
  color: #fff;
  border-radius: 3.5rem;
  border: none;
   box-shadow: 0 0 0 0 rgba(229, 34, 47, 0.5);
  -webkit-animation: pulse 1.5s infinite;
  font-size:1.3rem;
  align-items:center;
  justify-content:center;
}

.search-filter-mobile-button:hover {
    -webkit-animation: none;
}

@-webkit-keyframes pulse {
0% {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
70% {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 0 1rem rgba(229, 34, 47, 0);
}
100% {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  box-shadow: 0 0 0 0 rgba(229, 34, 47, 0);
}
}


.search-filter-mobile-button ion-icon, .search-filter-close-mobile-button i {
  font-size:1.4rem;
}



.search-filter-close-mobile-button {
  position: fixed;
  bottom: 0;
  right: 0;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  z-index: 12;
  width: 3.5rem;
  height: 3.5rem;
  background-color: #6c757d;
  color: #fff;
  border-radius: 4rem;
  border: none;
  align-items:center;
  justify-content:center;
}

.search-filter-close-mobile-button:hover {
  background-color:#5d666b;
}


.search-result-container {
  padding-bottom:3rem;
  position:relative;
  min-height:38rem;
}



.search-result-container.loading .loadingspinner-container {
  margin-top:14rem;
  position:absolute;
  left:0;
}

.search-result-container.loading .search-result-wrapper, .search-result-container.loading .search-result-pager  {
opacity:0.2;
}



.search-result-container .search-result-inner {
  width:100%;
}

.search-result-container .search-result-inner .search-result-row {
  display:flex;
  border-bottom:1px solid #ccc;
  min-height:7rem;
  align-items:center;
  width:100%;

}


.search-result-container .search-result-inner .search-result-row:first-child {
   border-top:1px solid #ccc;
}

.search-result-container .search-result-inner .search-result-row .title-container a {
  color:#212529;
  font-weight:bold;
}

.search-result-container .search-result-inner .search-result-row .title-container a:hover {
  color:#0C2340;
  text-decoration: none;
}


.search-result-container .search-result-inner .search-result-row .title-container {
  width:calc(100% - 34rem);
  padding-right:1rem;
  padding-top:1rem;
  padding-bottom:1rem;
}

.search-result-container.five-col .search-result-inner .search-result-row .title-container {
  width:calc(100% - 44rem);
  padding-right:1rem;
  padding-top:1rem;
  padding-bottom:1rem;
}



.search-result-container .search-result-inner .search-result-row .title-c.search-result-container .search-result-inner .search-result-row .title-containerontainer h5 {
  font-weight:700;
}

.search-result-container .search-result-inner .search-result-row .title-container .ort {
  font-size:0.75rem;
  margin-top:0.3rem;
}


.search-result-container .search-result-inner .search-result-row .date {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:10rem;
}

.search-result-container .search-result-inner .search-result-row .ort {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:12rem;
  padding-right:1.5rem;
}


.search-result-container .search-result-inner .search-result-row .date .date-row {
  display:flex;
  align-items:center;
}

.search-result-container .search-result-inner .search-result-row .date .date-row i {
  color:#636769;
  margin-right:0.5rem;
  font-size:0.75rem;
  padding-top:0.2rem;
}

.search-result-container .search-result-inner .search-result-row .price, .search-result-container .search-result-inner .search-result-row .bunr {
  display:flex;
  align-items:center;
  width:14rem;
}

.search-result-container .search-result-inner .search-result-row .price i{
 color:#636769;
 margin-right:1rem;
   font-size:0.75rem;
  padding-top:0.2rem;
}


.search-result-container .search-result-inner .search-result-row .price span {
 font-weight:bold;
 color: #0C2340;
 line-height:1;
}

.mwst  {
  font-size: 0.75rem;
  font-weight: normal;
  color:#5d666b !important;
}

.mwst-block  {
  display:block;
  margin-top:0.2rem
}


.search-result-container .search-result-inner .search-result-row .price .fruehbucher {
  font-size: 0.55rem;
  font-weight: normal;
  display: block;
  margin-top: 0.3rem;
}



.search-result-container .search-result-inner .search-result-row .buttons {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:8rem;
  text-align:center;
}

.search-result-container .search-result-inner .search-result-row .notes {
  width:8rem;
  font-size:0.7rem;
  font-style:italic;
}

.search-result-container .search-result-inner .search-result-row .buttons .btn {
  width:100%;
  margin-bottom:0.25rem;
}

.search-result-container .search-result-inner .search-result-row .buttons .anchor {
  padding-bottom:0;
  font-size:0.889rem;
}

.search-result-container .search-result-inner .search-result-row.header {
  min-height:inherit;
  border-top:0;
  font-size:0.75rem;
  font-weight:bold;
  color:#5d666b;
}

.search-result-container .search-result-inner .search-result-row.header .sort-header-item {
    display:flex;
  align-items:center;
  flex-direction:row;
  justify-content: flex-start;
}

.search-result-container .search-result-inner .search-result-row.header .sort-header-item:hover, .search-result-container .search-result-inner .search-result-row.header .sort-header-item.sorted {
  cursor:pointer;
  color:#000;
}

.search-result-container .search-result-inner .search-result-row.header .sort-header-item:hover .sort-indicator:before, .search-result-container .search-result-inner .search-result-row.header .sort-header-item.sorted .sort-indicator:before {
  cursor:pointer;
  color:#000;
}

.search-result-container .search-result-inner .search-result-row.header .sort-header-item .sort-indicator {
  font-size:0.4rem;
  margin-left: 0.25rem;
  display:none;
}

.search-result-container .search-result-inner .search-result-row.header .sort-header-item.sort-desc .sort-indicator.icon-dropdown-down {
  display:block;
}

.search-result-container .search-result-inner .search-result-row.header .sort-header-item.sort-asc .sort-indicator.icon-dropdown-up {
  display:block;
}



.search-result-container .search-result-pager {
  display:flex;
  width:100%;
  margin-top:3rem;
  align-items:center;
  justify-content:center;
}

.search-result-container .search-result-pager .btn-sm {
  margin-left:0.5rem;
  margin-right:0.5rem;
  font-weight:bold;
}

  .search-result-container .search-result-pager .search-page-mobile-info {
      display:none;
  }

.search-result-container .search-result-pager .btn-icon-only:not(.btn-primary) {
  color:#000;
}

.search-result-container .search-result-pager .btn-icon-only:not(.btn-primary):hover {
  color:#0C2340;
}

.search-result-container .search-result-pager .btn-icon-only i {
  font-size: 1.6rem;

}

.page-grey-bottom {
  background-color: #f4f5f6;
  padding:2rem;
}

.search-cross-container {

  padding-bottom:3rem;
  border-bottom:1px solid #ccc;
  margin-bottom:2rem;

}

.page-grey-bottom .search-cross-container .search-cross-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:3rem;
  width:100%;

  padding-left:1rem;
  padding-right:1rem;
  cursor:pointer;
}

.page-grey-bottom .search-cross-container .search-cross-item:hover {
  background-color:#fcfcfc;
}

.page-grey-bottom .search-cross-container .search-cross-item .title{
  font-weight:bold;
  margin-right:1rem;
}

.page-grey-bottom .search-cross-container .search-cross-item .right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  white-space:nowrap;
}


.page-grey-bottom .search-cross-container .search-cross-item .counter{
  color: #0C2340;
  font-size:0.778rem;
  margin-right:1rem;
  font-weight:bold;
}


.page-grey-bottom .search-cross-container .search-cross-item .loading-container{
  display:none;
}

.page-grey-bottom .search-cross-container .search-cross-item .loading-container .loading-spinner {
width: 25px;
height: 25px;
border: 3px solid rgba(0,0,0,.3);
border-radius: 50%;
border-top-color: #000;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
display:inline-block;
}


.page-grey-bottom .search-cross-container .search-cross-item-wrapper.loading .loading-container{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  margin-right:1rem;
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper.loading .counter {
  display:none;
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper.loading {
 pointer-events:none;
 opacity:0.5;
}


.page-grey-bottom .search-result-container .search-result-inner {
  margin-top:0;
}


.page-grey-bottom .search-result-container .search-result-inner .search-result-row {
  padding-left:1rem;
  padding-right:1rem;
}

.page-grey-bottom  .search-result-container .search-result-inner .search-result-row:first-child {
  border-top:none;
}


.page-grey-bottom .search-cross-container .search-cross-item-wrapper {
    margin-bottom:0.3rem;
    background-color:#fff;
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper .search-cross-item-result {
  display:none;
  
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper.active .search-cross-item-result {
  display:block;
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper .search-cross-item i {
  font-size: 0.6rem;
  padding-top:0.2rem;
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper .search-cross-item .icon-dropdown-up {
  display:none;
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper.active .search-cross-item .icon-dropdown-up {
  display:block;
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper .search-cross-item .icon-dropdown-down {
  display:block;
}

.page-grey-bottom .search-cross-container .search-cross-item-wrapper.active .search-cross-item .icon-dropdown-down {
  display:none;
}


.search-legende {
  display:flex;
  align-items:flex-start;
}

.search-legende .search-legende-item {
  display: flex;
  width: 8rem;
  margin-right: 1.5rem;
  border-right: 1px solid #ccc;
  padding-right: 1.5rem;
  flex-direction: column;
  min-height: 4rem;
}

.search-legende .search-legende-item:last-child {
  border:none;
}

.search-legende .search-legende-item span {
 font-size:0.778rem;
}




@media (max-width: 1750px) {
  .search-result-container .search-result-inner .search-result-row .title-container {
      width:calc(100% - 28rem);
      padding-right:1rem;
  }


     .search-result-container.five-col .search-result-inner .search-result-row .title-container {
      width:calc(100% - 33rem);
      padding-right:1rem;
  }

  .search-result-container.five-col .search-result-inner .search-result-row .ort {
      width:8rem;
  }



  .search-result-container .search-result-inner .search-result-row .date {
      display:flex;
      flex-direction:column;
      justify-content:center;
      width:9rem;
  }
  .search-result-container .search-result-inner .search-result-row .price, .search-result-container .search-result-inner .search-result-row .bunr {
  display:flex;
  align-items:center;
  width:7rem;
}

}

@media (max-width: 767px) {


  .search-result-container .search-result-wrapper {
      background-color:#e9ebee;
      display:flex;
      margin-top:1.5rem;
  }


    .search-result-container .search-result-inner {
        margin-top:1.5rem;
    }

   .search-result-container .search-result-inner .search-result-row.header {
      display:none;
  }




  .search-result-container .search-result-inner .search-result-row {
      flex-direction:column;
      justify-content:center;
      align-items:flex-start;
      border:none;
      height:auto;
      padding:1.5rem;
      background-color:white;
      border:none !important;
      margin-bottom:1rem;
  }


  .search-result-container .search-result-inner .search-result-row .title-container, .search-result-container.five-col .search-result-inner .search-result-row .title-container {
      width:100%;
      padding:0;
      padding-bottom:1rem;
      border-bottom:1px solid #ccc;
  }
  .search-result-container .search-result-inner .search-result-row .date {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
  }

  .search-result-container .search-result-inner .search-result-row .date .date-row:first-child {
      margin-right: 1.5rem;
  }

  .search-result-container .search-result-inner .search-result-row .price {
      display: flex;
      align-items: center;
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
  }

  .search-result-container .search-result-inner .search-result-row .price span {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
  }

  .search-result-container.five-col .search-result-inner .search-result-row .ort {
      display: flex;
      align-items: center;
      width: 100%;
      flex-direction: row;
      border-bottom: 1px solid #ccc;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      justify-content: flex-start;
  }

  .search-result-container .search-result-inner .search-result-row .bunr {
      display: flex;
      align-items: center;
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
  }

.search-result-container .search-result-inner .search-result-row .notes {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

   .search-result-container .search-result-inner .search-result-row .buttons {
      justify-content:space-between;
      flex-direction:row-reverse;
      align-items:center;
      margin-top:2rem;
      width:100%;
  }

      .search-result-container .search-result-inner .search-result-row .buttons .btn {
      width:auto;
      padding-left:2.5rem;
      padding-right:2.5rem;
  }

  .search-legende {
      flex-direction:column;
  }

    .search-legende .search-legende-item {
      border-right:0;
      align-items:center;
      flex-direction:row;
      width:100%;
      min-height:initial;
      margin-bottom:1rem;
  }

     .search-legende .search-legende-item .btn {
      margin-right:1rem;
          width: 6rem;
  }



  .page-grey-bottom .search-cross-container .search-cross-item-wrapper {
    margin-bottom:0;
    background:none;
    border-top:1px solid #ccc;
  
  }

  .page-grey-bottom .search-cross-container .search-cross-item {
      padding-top:1rem;
      padding-bottom:1rem;
      padding-left:0;
      padding-right:0;
  }

  
  .page-grey-bottom .search-cross-container .search-cross-item:hover {
      background:none !important;
  }

  .page-grey-bottom  .search-result-container .search-result-wrapper {
      margin-top:0;
        background:none;
  }



  .search-result-container .search-result-pager .btn-sm {
      display:none;
  }

    .search-result-container .search-result-pager .search-page-mobile-info {
      display:block;
  }

    .search-result-container .search-result-pager .btn-icon-only i {
  font-size: 2rem;


}
}


/*!
*  ====================================================
*  BB-Detail
*  ====================================================
*/


.course-info-container {
  height:100%;
}


.container-vadetailbox.loading .loadingspinner-container {
  margin-top:10rem;
  position:absolute;
  left:0;
}

.container-vadetailbox.loading .container-inner-vadetailbox {
opacity:0.2;
}


.course-info-container .infotable-container .item-label {
  width:10rem;
}

.course-info-container .infotable-container .infotable-item {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}

.course-detail-header-container {
  min-height:5rem;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  width:100%;
   display:flex;
  align-items:center;
}

.course-detail-header {
  display:flex;
  align-items:center;
    width:100%;
  justify-content:space-between;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}

.course-detail-header .detail {
  font-size: 1.222rem;
}


.course-detail-header .detail-border-right {
  border-right:1px solid #ccc;
}



.course-content-ouput .content-register {
  margin-bottom:1.75rem;
}

.course-content-ouput .content-register .content-image-plus-text {
  display:flex;
  flex-direction:column;
  width:100%;
}

.course-content-ouput .content-register .content-image-plus-text:first-child {
  margin-left:0;
}


.course-content-ouput .content-register .content-image-plus-text img {
  width:100%;
  height:auto;
  margin-bottom:0.5rem;
}

.course-detail-bottom-bar {
  position:fixed;
  background-color:#fff;
  bottom:0;
  left:0;
  width:100%;
  height:5rem;
  -webkit-box-shadow: 0px 6px 15px 5px #c9c9c9;
  box-shadow: 0px 6px 15px 5px #c9c9c9;
  z-index:22;
}


.contact-img-container {
width: 4rem;
height: 4rem;
position: relative;
overflow: hidden;
border-radius: 50%;
}



/*!
*  ====================================================
*  GF-Detail
*  ====================================================
*/

.statement-img-container {
width: 3rem;
height: 3rem;
position: relative;
overflow: hidden;
border-radius: 50%;
}

.contact-img-container img, .statement-img-container img {
display: inline;
margin: 0 auto;
height: 100%;
width: auto;
}


.statement-container .statement-header {
  display:flex;
  margin-bottom:1rem;
  align-items:center;
  font-weight:bold;
}

.statement-container .statement-header .statement-img-container {
  margin-right:0.75rem;
}




/*!
*  ====================================================
*  Registrierung/Buchung
*  ====================================================
*/


.login-column-container {
  height:19rem;
}

@media (max-width: 1399px) and (min-width:768px) {
  .login-column-container {
  height:21rem;
}
}




.booking-overview-container {
      background-color: white;
  display: flex;
  /* align-items: center; */
  border-radius: 0.35rem;
}

.booking-overview-container .marker-container {
display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  background-color: #0C2340;
  width: 6rem;
  /* padding-top: 2rem; */
  /* padding-bottom: 2rem; */
  border-top-left-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
  padding-top: 2.3rem;
}

.booking-overview-container .marker-container .marker {
border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  min-width:1rem;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  
}

.booking-overview-container .marker-container .marker.active {
  opacity:1;
}

.booking-overview-container .marker-container .marker i {
  font-size:0.25rem;
}

.booking-overview-container .marker-container .marker.active i:before {
  color:white;
}

.booking-overview-container .marker-container .delimiter {
  height: 2rem;
  width: 1px;
  border-right: 1px solid #fff;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  opacity: 0.3;

}


.booking-overview-container .step-list {
      margin-bottom: 0;
  /* padding-top: 2rem; */
  margin-left: 1rem;
  padding-top: 0.75rem;
  width: 100%;
  margin-right: 2rem;
  padding-bottom: 0.75rem;
}

.booking-overview-container .step-list li {
     list-style: none;
  height: 3.84rem;
  /* line-height: 4.2rem; */
  line-height: 3.84rem;
  border-bottom: 1px solid #ccc;
  color: #ccc;
  font-weight: 300;
  white-space:nowrap;
}

.booking-overview-container .step-list li.active {
  color: #0C2340;
  font-weight:700;
}

.booking-overview-container .step-list li:last-child {
  border-bottom:none;
}


.booking-overview-container .step-list li:before {
  content:"";
  margin:0;
}

.login-shadow-container {
  padding:1.5rem;
  padding-left:2rem;
  padding-right:2rem;
       background-color:#fff;
   -webkit-box-shadow: 0px 0px 11px 5px #dcdcdc;
  box-shadow: 0px 0px 11px 5px #dcdcdc;
}

.booking-mobile-marker-container {
  background-color: #e9ebee;
  height:3rem;
  width:100%;
  align-items:center;
  justify-content:center;
}


.booking-mobile-marker-container .marker, .content-table .marker {
border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  min-width:1rem;
  border: 1px solid #ababab;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.booking-mobile-marker-container .marker.active, .content-table .marker.active {
    border: 1px solid #0C2340;
}

.content-table .marker.empty {
    background-color:#e9ebee;
    border: 1px solid #e9ebee;
}

.booking-mobile-marker-container .marker i, .content-table .marker i {
  font-size:0.31rem;
  position: relative;
}

.booking-mobile-marker-container .marker i:before, .content-table .marker i:before {
  color: #ababab;
}

.booking-mobile-marker-container .marker.active i:before, .content-table .marker.active i:before {
  color: #0C2340;
}

.booking-mobile-marker-container .delimiter {
  height: 1px;
  width: calc(33% - 4rem);
  border-bottom: 1px solid #ababab;
  margin-left: 1.5rem;
  margin-right: 1.5rem;

}

.booking-white-container {
    background-color:#fff;
   -webkit-box-shadow: 0px 0px 11px 5px #eaeaea;
  box-shadow: 0px 0px 11px 5px #eaeaea;
  padding:1.5rem;
  position:relative;
}

.booking-white-container h6{
  margin-bottom:0;
}

.booking-white-container .booking-delete-btn {
  position:absolute;
  right:0;
  top:0;
  margin-right:1.5rem;
  margin-top:1.2rem;
}

.booking-wrapper-container {
  position:relative;
}
.booking-wrapper-container.loading .loadingspinner-container {
  margin-top:15rem;
  position:absolute;
  left:0;
  z-index:999;
}

.booking-wrapper-container.loading .booking-white-container {
opacity:0.3;
}

/* iPads (portrait) ----------- */
 @media only screen 
 and (min-device-width : 768px) 
 and (max-device-width : 1024px) 
 and (orientation : portrait) {
.booking-wrapper-container .mail-truncate {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
}

 /* iPads (landscape) ----------- */
 @media only screen 
 and (min-device-width : 768px) 
 and (max-device-width : 1024px) 
 and (orientation : landscape) {
   .booking-wrapper-container .mail-truncate {
  width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
}


  


@media (max-width: 767px) {

    .booking-wrapper-container .mail-truncate {
  width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

   .booking-delete-container{
      padding-bottom: 3rem;
  }

  .booking-white-container .booking-delete-btn {
      right:0;
      bottom:0;
      top:auto;
      margin-right:1.5rem;
      margin-bottom:1.5rem;
  }

}


.booking-red-dashed-container {
  border: 2px dashed #0C2340;
  border-radius:0.3rem;
  height:100%;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  min-height:9rem;
}

.booking-red-dashed-container:hover {
  cursor:pointer;
  border:2px solid #0C2340;
  background-color:#0C2340;

}

.booking-red-dashed-container:hover div {
  color:white !important;
}



.booking-red-dashed-container .plus-icon {
  font-size: 2rem;
  position: relative;
  top: -0.3rem;
  margin-right: 0.5rem;
}

/*!
*  ====================================================
*  Mitgliederbereich
*  ====================================================
*/


.user-menu-left-container ul  {
  list-style: none; 
  margin: 0; 
  padding: 0; 
  width:100%;
}

.user-menu-left-container ul > li:before {
 content:'';
 margin:0;
}

.user-menu-left-container ul > li {
 margin:0;
 padding:0;
 margin-bottom:0.4rem;
}

.user-menu-left-container ul > li > a {
 background-color:#fff;
     padding: 0.6rem 1rem;
 width:100%;
 border-radius: 0.313rem;
 color:#000;
 display:block;
}

.user-menu-left-container ul > li > a:hover, .user-menu-left-container ul > li > a:focus  {
  text-decoration:none;
}

.user-menu-left-container ul > li > a > i:before {
  color:#000;
}

.user-menu-left-container ul > li:hover > a , .user-menu-left-container ul > li:hover > a > i:before, .user-menu-left-container ul > li.active > a, .user-menu-left-container ul > li.active > a > i:before {
 text-decoration:none;
 color:#0C2340;

}

.user-menu-left-container ul > li.active > a > span {
 font-weight:bold;
}

.user-menu-left-container ul > li > a.hasSub:hover {
  cursor:default !important;
}
.user-menu-left-submenu{
  padding-left:20px;
  padding-top:5px;
}




/*!
*  ====================================================
*  CMS-Artikel
*  ====================================================
*/
.bg-newsletterarchiv {
  background-image: url("../img/newsletterarchiv.jpg");
  background-size: cover;
  background-position: center;
}

.bg-newsletteranmeldung {
  background-image: url(../img/newsletter_leftbg.jpg);
  background-position: top right 30%;
  background-repeat: no-repeat;
  background-color: #8d8d8d;
}

.newsletteranmeldung-leftcontainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  padding-left: 3rem;
  padding-right: 3rem;
  text-align: center;
}

.newsletteranmeldung-leftcontainer .h1 {
  font-size: 3rem;
}

.newsletteranmeldung-leftcontainer .h2 {
  font-size: 2.25rem;
}

  .newsletteranmeldung-leftcontainer .btn {
      padding-left: 3rem;
      padding-right: 3rem;
      padding-top: 1rem;
      padding-bottom: 0.8rem;
      font-size: 1.8rem;
  }

@media (max-width: 991px) {

  .newsletteranmeldung-leftcontainer .h1 {
      font-size: 2rem;
  }

  .newsletteranmeldung-leftcontainer .h2 {
      font-size: 1.6rem;
  }

  .newsletteranmeldung-leftcontainer .btn {
      padding-left: 3rem;
      padding-right: 3rem;
      padding-top: 0.8rem;
      padding-bottom: 0.6rem;
      font-size: 1.5rem;
  }

  .swiper-container .owl-theme .owl-nav{left: 100%;}

}




.bg-login {
  background-image: url("../img/login.jpg");
  background-size: cover;
  background-position: center;
}

#googlemapsKontakt {
  width: 100%;
  height: 100%;
}


  /*!
*  ====================================================
*  Errors
*  ====================================================
*/

  .page-content.error {
      margin-top: 0;
  }

  .section.section-error {
      padding: 4rem;
      background-color: #e9ebee;
      height: 100vh;
  }

      .section.section-error.notfound {
          height: auto;
      }

  .error-container {
      background-color: #fff;
      -webkit-box-shadow: 0 0 11px 5px #eaeaea;
      box-shadow: 0 0 11px 5px #eaeaea;
      padding: 2rem;
      border-radius: 0.5rem;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      height: calc(100vh - 8rem);
      width: 100%;
      text-align: center;
  }

  .section.section-error.notfound .error-container {
      height: 40rem;
  }


  .error-container img {
      max-width: 15rem;
      margin-bottom: 2.5rem;
      margin-left: 3rem;
      margin-right: 3rem;
      margin-top: 1rem;
  }


  @media (max-width: 767px) {
      .section.section-error {
          padding: 0rem !important;
      }

      .error-container {
          height: 100vh;
          box-shadow: none;
          -webkit-box-shadow: none;
          border-radius: 0;
      }

      .swiper-container.ps-xl-5.pe-lg-0.pe-sm-5.pt-4.pb-0.page-padding-left-lg{padding-right: 1.5rem !important;}
  }


  @media only screen and (max-width: 1441px) {
    .teaser-wall-container.contact.three-teaser-row .teaser-outer-container {width:50%;}
  }
  @media only screen and (max-width: 1199px) {}
    
  @media only screen and (max-width: 991px)  {
    .section-secretary .banner_btnbox{align-items: flex-start;margin-top: 20px;}
    .section-secretary .banner_btnbox .btn-white{width: 100%;}
  }
      
  @media only screen and (max-width: 767px)  {
    .section-form, .section-secretary{padding: 40px 0;}
    .section-contimg .image_box img{height: 300px;}
    .teaser-wall-container.contact.three-teaser-row .teaser-outer-container {width:100%;}
    .section-tabform{padding: 40px 0 60px;}
    .section-tabform .nav.nav-pills{gap: 10px;}
    .section-tabform .nav.nav-pills li.nav-item .nav-link, .section-tabform .nav.nav-pills li.nav-item .nav-link.active{font-size: 16px;padding: 10px 20px;}
    .section-tabform .tab-content{padding: 20px 0;}
    .section-tabform .tab-content .tab-pane h3{font-size: 26px;}
  }
      
  @media only screen and (max-width: 479px)  {
    .section-contimg .image_box img{height: 200px;}
  }


  a.gf-item {
    margin-right: 30px;
  } 

.form-gray-left .form-floating.form-grey > input { background: #ffffff;}

.form-gray-left .row.g-3 { padding-top: 30px;}

.form-gray-left .form-floating.form-grey label { font-weight: 400; color: #000;}

.form-gray-left .form-floating.form-grey label:after { color: #e5222f;}

div#mainmenu ul > li:first-child {
  display: none;
}