﻿.caption {
    font-size: 20px;
    text-align: center;
    width: 100%;
}

a > img {
    max-width: 100%;
    max-height: 350px;
}

.separator {
    padding-top: 1%;
}

.carousel-item img {
    height: 75vh;
    max-width: 75vw;
    width: auto;
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
}

.wrapper-carousel-control {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background-color: darkseagreen;
}

.carousel-indicators {
    position: fixed !important;
    width: 100%;
    padding: 20px 15% 20px 15% !important;
    bottom: 0 !important;
    margin: 0 !important;
}

    .carousel-indicators > li {
        background-color: lightgrey !important;
    }

    .carousel-indicators .active {
        background-color: black !important;
    }

.chronik-wrapper {
    padding: 2% 5% 0 5% !important;
}

    .chronik-wrapper > P {
        font-family: serif;
    }

.vereinsheim-img {
    max-width: 100%;
    max-height: 350px;
}

.text-right-shift-1 {
    padding-left: 35px;
}

.text-right-shift-2 {
    padding-left: 70px;
}

.weekday-col {
    width: 120px;
}

.opening-hour-col {
    width: 350px;
}

.main-page-jumbotron {
    background: transparent url(Bilder/Wappen_SV_Fockenberg.gif) no-repeat;
    background-size: 100px 113px;
    padding-left: 120px;
    min-height: 113px;
}

.main-page-jumbotron-easter-background {
    background: transparent url(Bilder/easter-nest-2.png) no-repeat;
    background-position: right;
    background-size: 250px;
    height: 100px;
    position: absolute;
    width: 250px;
}

@keyframes crosshair {
    0% {
        transform: translate(100px, 20px);
    }

    12.5% {
        transform: translate(80px, 10px);
    }

    25% {
        transform: translate(90px, 15px);
    }
    
    37.5% {
        transform: translate(110px, 35px);
    }

    50% {
        transform: translate(130px, 30px);
    }

    62.5% {
        transform: translate(125px, 45px);
    }

    75% {
        transform: translate(130, 40px);
    }

    87.5% {
        transform: translate(110px, 30px);
    }

    100% {
        transform: translate(100px, 20px);
    }
}

.main-page-jumbotron-easter-animation {
    background: transparent url(Bilder/crosshair.png) no-repeat;
    background-position: left;
    z-index: auto;
    background-size: 35px;
    height: 35px;
    position: absolute;
    width: 35px;
    animation: crosshair 4s infinite linear both;
}

.main-page-background {
    background: transparent url(Bilder/Vereinsheim.gif) no-repeat;
    background-position-y: -100px;
    background-position-x: center;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
}

.vertical-center {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}
