/* HOME TOP-SECTION */

.home-top-section {
    color: #fff;
    padding: 0px 0px 0px 0px;
}

/* HOME TOP-SECTION END*/

/* HOME */

.home-3-btn {
    background-color: #393185;
    border-color: #393185;
    border-style: solid;
    color: #fff;
    border-radius: 0px;
    font-size: 28px;
    line-height: 35px;
    padding: 10px 20px;
    width: 300px;
    border-radius: 10px;
}

.home-3-btn:hover, .home-3-btn.active {
    background-color: #e3000f;
    border-color: #e3000f;
    color: #fff;
    /* opacity: 0.8; */
}

.home-references-btn {
    background-color: #393185;
    border-color: #393185;
    border-style: solid;    
    color: #fff;
    border-radius: 0px;
    font-size: 28px;
    line-height: 35px;
    padding: 10px 20px;
    width: 300px;
    border-radius: 10px;    
}

.home-references-btn:hover {
    background-color: #e3000f;
    border-color: #e3000f;
    color: #fff;
    /* opacity: 0.8; */
}

.home-references-dummy {
    width: 360px;
}

/* HOME END */

/* HOME CAROUSEL*/

#home-carousel {
    position: relative;
    width: 530px;
    height: 530px;
    overflow: hidden;
}

#home-carousel .c-item {
    width: 245px;
    height: 245px;
    position: absolute;
    background-size: cover;
    z-index: 0;
}

#home-carousel #c-item-0, #home-carousel #c-trans-item-0 {
    top: 142.5px;
    left: 142.5px;
    z-index: 2;
}

#home-carousel #c-trans-item-0 {
    z-index: 3;
}

#home-carousel #c-item-1, #home-carousel #c-trans-item-1 {
    top: 0;
    left: 0;
}

#home-carousel #c-item-2, #home-carousel #c-trans-item-2 {
    top: 0;
    right: 0;    
}

#home-carousel #c-item-3, #home-carousel #c-trans-item-3 {
    bottom: 0;
    right: 0;
}

#home-carousel #c-item-4, #home-carousel #c-trans-item-4 {
    bottom: 0;
    left: 0;    
}

#home-carousel #c-trans-item-1, #home-carousel #c-trans-item-2, #home-carousel #c-trans-item-3, #home-carousel #c-trans-item-4 {
    z-index: 1;
}

@media screen and (min-width: 850px) and (max-width: 1100px) {
    #home-carousel {
        width: 385px;
        height: 385px;
    }
    
    #home-carousel .c-item {
        width: 180px;
        height: 180px;
    }
    
    #home-carousel #c-item-0, #home-carousel #c-trans-item-0 {
        top: 102.5px;
        left: 102.5px;
        z-index: 2;
    }
    
}

@media screen and (min-width: 700px) and (max-width: 849px) {
    #home-carousel {
        width: 320px;
        height: 320px;
    }
    
    #home-carousel .c-item {
        width: 150px;
        height: 150px;
    }
    
    #home-carousel #c-item-0, #home-carousel #c-trans-item-0 {
        top: 85px;
        left: 85px;
        z-index: 2;
    }
}

@media screen and (min-width: 575px) and (max-width: 699px) {
    #home-carousel {
        width: 250px;
        height: 250px;
    }
    
    #home-carousel .c-item {
        width: 115px;
        height: 115px;
    }
    
    #home-carousel #c-item-0, #home-carousel #c-trans-item-0 {
        top: 67.5px;
        left: 67.5px;
        z-index: 2;
    }
}

@media screen and (min-width: 1px) and (max-width: 574px) {
    #home-carousel {
        width: 320px;
        height: 320px;
    }
    
    #home-carousel .c-item {
        width: 150px;
        height: 150px;
    }
    
    #home-carousel #c-item-0, #home-carousel #c-trans-item-0 {
        top: 85px;
        left: 85px;
        z-index: 2;
    }
}

/* HOME CAROUSEL END */

/* HOME VIDEO SLIDER */

#home-video-slider div.video-slide-container {
    margin: 0px 35px;
}

#home-video-slider div.video-slide{
    width: 340px;
}

/* END HOME VIDEO SLIDER */

/* KONTAKT */
#contactForm input {
    border-radius: 0px;
}
/* KONTAKT END */

/* CALENDAR */

.calendar-references-dummy {
    width: 300px;
}

.archive-popup-image {
    max-width: 320px;
}

/* CALENDAR END */

/* FOOTER */
.footer {
    background-color: #393185;
    color: #fff;
    padding: 30px 0px;
}

/* FOOTER END */