/* Farbdefinitionen */
/*
Blau 1      #0053a1
Blau 2      #007fc3
Blau 3      #169fdb 
Weiss 1     #ffffff
Footer      #d9eaf9
Schrift Balu1 #0053a1
*/

/* FAQ */

@media (min-width:768px) {  } 
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }
@media (min-width: 1400px) {  }

/* FAQ Header */
@media (min-width:768px) {  
    #c372 .image { 
        position: fixed;
        right: 0px;
        top: 0px;
        max-width: 500px;
        max-height: 500px;
    }
    
    #c372.frame {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    
    
    
} 


@media (min-width: 768px) and (max-width:992px) {
.frame-container-default {
   
}
.frame-container-default .frame-inner {
        max-width: 600px;
}


}

@media (min-width: 992px) and (max-width:1200px) {
.frame-container-default {
   
}
.frame-container-default .frame-inner {
        max-width: 800px;
}


}


@media (min-width: 1200px) and (max-width:1400x) {
.frame-container-default {
   
}
.frame-container-default .frame-inner {
        max-width: 800px;
}


}
@media (min-width: 1200px)  {
.frame-container-default {
   
}
.frame-container-default .frame-inner {
        max-width: 800px;
}

}

@media (min-width: 1400px)  {
.frame-container-default {
  
}
.frame-container-default .frame-inner {
        max-width: 800px;
}

}


@media (min-width:768px) {
    .accordion-button {
    padding-top: .25rem;
    padding-bottom: .25rem;
   
}

}

/* FAQ Accordion */
@media (min-width: 200px) {
    
    .accordion-button {
    color: #0053a1;
    font-weight: bold;
    background-color: #fff;
    border: 0px solid red;
    
    /*
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    */
}

    .accordion-button:not(.collapsed) {
    color: #fff;
    font-weight: bold;
    background-color: #0053a1;
    /*
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    */
}

    /* Icon aufklappen */
    .accordion-button::after {
        
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    content: none;

    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    
    }

   .accordion-button::before {
    border: 0px solid red;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left:  0px;
    margin-right: 10px;
    content: "";
    height: 30px; /*height of image*/
    width: 33px;  /*width of image*/
    
    background: url('https://prms.it-kind.de/fileadmin/user_upload/Seite/03_FAQ/pfeil_faq_blau.png');
    
    background-size: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;  
    }


.accordion-button:not(.collapsed)::before{
        border: 0px solid red;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left:  0px;
    margin-right: 10px;
    content: "";
    height: 30px; /*height of image*/
    width: 33px;  /*width of image*/
    
    background: url('/fileadmin/user_upload/Seite/03_FAQ/pfeil_faq_weiss.png');
    
    background-size: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;  
            
}



/* FAQ Sektion nach oben */
/* sektion nach oben schieben */
@media (min-width: 1200px) {

    .section.section-default {
        position: relative;
        top: -425px;
        z-index: 10020;
    }
   
}


@media (min-width: 992px) {

    .section.section-default {
        position: relative;
        top: -425px;
        z-index: 10020;
    }
  

}

@media(max-width: 1200px) { 
.carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
    background-position-y: top;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.navbar-fixed-top.navbar-default-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel .carousel-item {
        background: white;
}
    .navbar-fixed-top.navbar-default-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel .carousel-item {
    background: white;
    height: 600px;
}

.carousel-image .primus-logo { display: none;}
}


@media(max-width: 992px) { 
.carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
    background-position-y: top;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.navbar-fixed-top.navbar-default-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel .carousel-item {
        background: white;
}
    .navbar-fixed-top.navbar-default-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel .carousel-item {
    background: white;
    height: 400px;
}

.carousel-image .primus-logo { display: none;}
}

/*
@media (min-width: 768px) { .carousel-content-inner.primus .carousel-image.primus-logo { position: relative; top: -50px;}}
@media (min-width: 992px) {  .carousel-content-inner.primus .carousel-image.primus-logo { position: relative; top: -50px;}}
@media (min-width: 1200px) {  .carousel-content-inner.primus .carousel-image.primus-logo { position: relative; top: -100px;}}
@media (min-width: 1400px) {  .carousel-content-inner.primus .carousel-image.primus-logo { position: relative; top: -100px;}}
*/

/* Header Slider Tablet */
@media(max-width: 992px) {
    
    .carousel-content-inner.primus .carousel-image.primus-logo { display: none;}
    .carousel-content-inner.primus .carousel-text { display: none;}
    /* Header Caroussel */
.carousel-item-header { display: none; } /* Hier das Logo einfügen*/
/* Header das Slider Bild top */
.carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
    background-position: top;
}
/* testting Backgroundposition im Header */
.carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
    background-position-y: top;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.navbar-fixed-top.navbar-default-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel .carousel-item {
        background: white;
}
    .navbar-fixed-top.navbar-default-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel .carousel-item {
    background: white;
    height: 400px;
}
}

/* carousel mobil 100% height */
@media (max-width: 576px) {
    .navbar-fixed-top.navbar-default-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel .carousel-item, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel .carousel-item {
    background: white;
    height: 400px;
}
.carousel-text {
    /*background: rgba(255,255,255,0.95);*/
}
    background-position: top;
}
/* testting Backgroundposition im Header */
.carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
    background-position-y: top;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

}



/* Section up überschreiben */

@media (min-width: 576px) {
    .section.section-default {
        position: relative;
        top: -225px;
        z-index: 100;
        border: 0px solid green;
    }
}

@media (min-width: 768px) {
    .section.section-default {
        position: relative;
        top: -225px;
        z-index: 100;
        border: 0px solid green;
    }
}


@media (min-width: 992px) {
    .section.section-default {
        position: relative;
        top: -225px;
        z-index: 100;
        border: 0px solid green;
    }
}

/* sektion nach oben schieben */
@media (min-width: 1200px) {

    .section.section-default {
        position: relative;
        top: -225px;
        z-index: 100;
    }
   
}



/* mobil FAQ Header ganz weg */
@media (max-width: 576px) { 
    .carousel.carousel-slide.slide {
        display: none;height: 0px;
    }
}
@media (max-width: 768px) { 
    .carousel.carousel-slide.slide {
        display: none;height: 0px;
    }
}
@media (max-width: 768px) {
    .section.section-default {
        position: relative;
        top: 0px;
        z-index: 100;
        border: 0px solid green;
    }
}