/*Schriftart: Ysabeau Infant*/
body {
    font-family: 'Ysabeau Infant', serif;
}
footer {
    font-family: 'Ysabeau Infant', serif;
}


/*Slider Anpassung*/
.owl-carousel {
    width: 100%;
}
@media (max-width: 768px) {
    .slider-box {
        padding-top: 65px;
    }
    /*Fromular Anpassung*/
    .custom_form{
        width: 100% !important;
    }
}
.owl-carousel .item img {
    padding: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.owl-item.active img {
    animation: zoom 5s forwards;
}
/*Slider Zoom*/
@keyframes zoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

/*Fehler bei Formularüberprüfung Anpassung*/
.error-message {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

/*Navbar Anpassung*/
.navbar-nav .nav-link {
    color: white !important;
    font-weight: bold !important;
}
.navbar-nav .nav-item.active .nav-link {
    color: yellow !important;
}
.navbar-nav .nav-link:hover {
    color: yellow !important;
}
.custom_form {
    color: black;
    font-weight: bold;
}

/*Abschicken Button Anpassung*/
.custom_button {
    background-color: #4FA23B !important;
    color: white !important;
    font-weight: bold !important;
    margin-top: 20px !important;  /* kleiner Abstand von den oberen Elementen */
    display: block !important;  /* damit der Button die gesamte Breite des Elternelements einnimmt */
    margin-left: auto !important;  /* zentriert den Button horizontal */
    margin-right: auto !important;  /* zentriert den Button horizontal */
}
.custom_button:hover {
    color: yellow !important;
    font-weight: bold !important;
}

/*Formular Checkbox Anpassung*/
.form-check-input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-bottom: 7px;
    margin-right: 5px;
}

.footer {
    background-color: #4FA23B;
    color: white;
    font-weight: bold;
}
.footer a {
    color: white;
    text-decoration: none;
}
.footer a:hover {
    color: yellow;
}