@font-face {
    font-family: "Mistral";
    src: url(css/fonts/MISTRAL.TTF) format("truetype");
}

@font-face {
    font-family: "Poppins";
    src: url(css/fonts/Roboto-Regular.ttf) format("truetype");
}

.mistral { 
    font-family: "Mistral", Verdana, Tahoma;
}

.poppins {
    font-family: "Poppins", Verdana, Tahoma;
}
    
* {
    margin:0px;
    padding:0px;
}

body {
    background: #f8f9fa !important; 
}

a.footer-one {
    color: #afca05;
    background-color: transparent;
    text-decoration: none;
}

a.foter-one:visited {
    color: #afca05;
    background-color: transparent;
    text-decoration: none;
}

a.foter-one:hover {
    color: #afca05;
    background-color: transparent;
    text-decoration: none;
}

a.foter-one:active {
    color: #afca05;
    background-color: transparent;
    text-decoration: none;
}

a.link {
    color: #212529;
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: #afca05;
}

a.link:visited {
    color: #212529;
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: #afca05;
}

a.link:hover {
    color: #212529;
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: #afca05;
}

a.link:active {
    color: #212529;
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: #afca05;
}

.img_brand {
    max-width: 100%;
    height: auto;
}

.green {
    color: #afca05;
}

.container {
    position: relative;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.thumbnail {
    position: relative;
}

/* X-Small only */
@media screen and (max-width: 575px) {
    .caption {
        position: absolute;
        top: 10%;
        left: 0;
        width: 100%;
    }
}

/* Small only */
@media screen and (min-width: 576px) and (max-width: 767px) {
    .caption {
        position: absolute;
        top: 20%;
        left: 0;
        width: 100%;
    }
}

/* Medium only */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .caption {
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
    }
}

/* Large and up */
@media screen and (min-width: 992px) {
    .caption {
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
    }

    .shadow-text {
        text-shadow: 2px 2px 40px #212529;
    }
}

.white {
    color: white;
}

.navbar.trans {
    background: #212529 !important;
}

.screen-darken{
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    pointer-events: none;
    z-index:10; opacity:1;
    visibility:visible;
    position: fixed;
}

.transparentcard {
    background-color: rgba(255, 255, 255, 0.0);
}

.halftrans {
    background-color: rgba(255, 255, 255, 0.8);
}

.banner {
    width: 100%;
    height: auto;
}

.heading-image {
    max-width: 400px;
}

.accordion-borderless .accordion-item .accordion-button:not(.collapsed) {
    background-color: #afca051a;
    color: #afca05;
}

.section:target {
    margin-top: -50px;
    padding-top: 50px;
}

.galery {
    transition: box-shadow .3s;
}

.galery:hover {
    transition: box-shadow .3s;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15); 
}

.slide {
    opacity: 0; /* Startwert: Element ist unsichtbar */
    position: relative; /* Positionierung relativ, um von links zu animieren */
    left: -100px; /* Startposition links außerhalb des Viewports */
    animation: fadeAndSlideIn 1s ease .25s forwards; /* Animation: Einblenden und Einwenden von links mit Verzögerung von 1,5 Sekunden */
}

@keyframes fadeAndSlideIn {
    0% {
        opacity: 0; /* Startwert: Element ist unsichtbar */
        left: -100px; /* Startposition links außerhalb des Viewports */
    }
    50% {
        opacity: 1; /* Element wird sichtbar */
    }
    100% {
        opacity: 1; /* Element bleibt sichtbar */
        left: 0; /* Element wird in die Standardposition verschoben */
    }
}