/*!
 *  ====================================================
 *  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 {
        font-size:3.5rem;
    }
}

@media (max-width: 991px) {
    .startseite-header-left 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: #e5222f;
    background-image: url("../img/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;
    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;
    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;
    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;
    text-decoration:none;
}

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

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

.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 #e5222f;
    color: #e5222f;
    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;
}

.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: #e5222f;
    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:#e5222f;
    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: #e5222f;
   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:#e5222f;
}

.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: #e5222f;
    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 {
    align-items:center;
      width:100%;
    justify-content:space-between;
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    display:flex;
}

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


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



course-detail-headerVa-container {
    min-height: 5rem;
    width: 100%;
    display: flex;
    align-items: center;
}





.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: #e5222f;
    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: #e5222f;
    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 #e5222f;
}

.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: #e5222f;
}

.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 #e5222f;
    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 #e5222f;
    background-color:#e5222f;

}

.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:#e5222f;

}

.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;
    min-height: 600px;
}

.newsletteranmeldung-leftcontainer .h1 {
    font-size: 3rem;
    color:#fff !important;
}

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

.newsletteranmeldung-leftcontainer .anchor.anchor-white {
    opacity:1 !important;
    font-weight:bold;
    font-size:1.2rem;
}

.newsletteranmeldung-leftcontainer .anchor.anchor-white::after {
    opacity: 1 !important;
}


    .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;
    }

}




.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;
        }
    }


.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
course-book-leadin-logo
.course-book-leadin-logos {
    min-height: 50px;
}
.course-book-leadin-logo {
    display: inline-block;
}
.course-book-leadin-logo:not(:last-child) {
    margin-right: 10px;
}