.color-magenta{
    color:#e6007e;
}

.bgcolor-magenta{
    background-color:#e6007e;
}

footer {
    background-color: #e6007e;
}

.parsley-errors-list{padding-top:5px;}

.lead{font-weight:400;}

.bg-white{background-color:white;}
.bg-f4f4f4{background-color:#f4f4f4;}

.headerpanel svg, .headerpanel .headermask {
    background-image: url(/media/2sefgppa/polygonmask.png);
}

#inspirationen, #interessieren{padding-top: 1px;padding-bottom: 100px;}

/* Slick Slider in Bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */ 
    /*overflow-y: hidden;  no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto;       /* let the content decide it  */
} /* bootstrap hack end */

.slick-prev, .slick-next {
    z-index: 1;
    bottom: 50% !important;
    font-size: 1em;
    padding: 10px 20px 10px;
}

.slick-next.slick-arrow {
    margin-right:-40px;
}

.slick-prev.slick-arrow {
    margin-left:-60px;
}

.nav-link {
    padding: .5rem 4rem;
}

.nav-tabs .nav-link {
    border: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
    border:none;
    border-bottom: 6px solid #e6007e;
    color: black;
}

 .nav-tabs .nav-link:hover:not(.nav-tabs .nav-link.active){
    border:none;
    border-bottom: 1px solid #dee2e6;
 }

.aufz_nr{
    background-color: #e6007e;
    color: white;
    font-size: 1.5em;
    width: 70px;
    height: 70px;
}
.aufz_text{padding-top:70px;}     
        
.img-fluid{width:100%;}        

.btn_anfragen{
    padding: 20px 40px;
    background-color: #e6007e!important;
    color: #fff!important;
    font-size: 1.25rem;
    border-radius:0;
}

.parsley-errors-list{
    list-style: none;
    font-size: .8em;
    color: red;
    font-weight: 600;
    padding-left: 5px;
}

.gradient {
  width: 100%;
  /*height: 100px;*/

  svg {
    height: 80px;
    width: 100%;
    .main {
      /*fill: #f4f4f4;*/
      fill:#fff;
    }
  }
}

.icon{
    
    display:inline-block;
    background-color:white;
    border-radius:50%;
    height:150px;
    width:150px;
    background-position: center center;
    background-repeat: no-repeat;
    
}

.card{border:none;background-color: #f4f4f4;}

.card-header{background-color: #f4f4f4;border-top: 1px solid #e2007e;border-bottom: 1px solid #e2007e;}
.btn-link{    
    color: #e2007e;
    font-weight: 700;
    font-size: 1.3rem;
}
.btn-link:hover {
    color: #e2007e;
    text-decoration: none;
    font-weight: 700;
}

.accordion>.card .card-header {
    margin-bottom: 0px; 
}
.card-header:first-child {
    border-radius: 0;
}

.bild{
    position: relative;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000a6;
  padding:20px;
}
.text{color:white;font-size:.8em;}
.bild:hover .overlay {
  opacity: 1;
}

@media (min-width:768px) {

    .border-left-ffffff{
        border-left: 15px solid #fff;
    }
    .border-left-f4f4f4{
        border-left: 15px solid #f4f4f4;
    }
    
    .border-right-ffffff{
        border-right: 15px solid #fff;
    }
    .border-right-f4f4f4{
        border-right: 15px solid #f4f4f4;
    }
    
    .border-top-ffffff{
        border-top: 15px solid #fff;
    }
    .border-top-f4f4f4{
        border-top: 15px solid #f4f4f4;
    }
    
    .border-bottom-ffffff{
        border-bottom: 15px solid #fff;
    }
    .border-bottom-f4f4f4{
        border-bottom: 15px solid #f4f4f4;
    }
    
}

@media(min-width:992px) {
    
    .hero-content {
        max-width: 40vw;
    }
}

@media (max-width:768px) {
    
    .border-bottom-md-f4f4f4{
        border-bottom: 15px solid #f4f4f4;
    }
    
    .border-bottom-md-ffffff{
        border-bottom: 15px solid #ffffff;
    }
    
    .heropanel {
        margin-top: 0vh;
        margin-bottom: 2vh;
    }
    h2.hero {
        font-size: 9vw;
    }
}

@media (max-width:575px) {
    .slick-prev.slick-arrow {
        margin-left: -20px;
    }
    .slick-next.slick-arrow {
        margin-right: -20px;
    }
}