.header-top .nav-item-header-top-socials .header-top-socials ul li i {
    font-size: 30px !important;
}

.production-height {
    margin-top: 7rem !important;
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .hide-on-desktop {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .top-bar-li {
        margin-right: 0!important;
        line-height: 30px !important;
    }

    .slider-height {
        height: 450px;
    }

    .slider-text {
        top:120px !important;
    }

}

@media (min-width: 769px) {
    .slider-height {
        height: 825px;
    }

    section.home-slider.section.section-funnel .section-funnel-layer-bottom {
        padding: 7rem 0 !important;
    }
}


/**
    GMAP in contact page
 */
@media (max-width: 413px) {
    .gmaps {
        width: 351px;
        height: 480px;
    }
}

@media (min-width: 390px) {
    .gmaps {
        width: 366px;
        height: 480px;
    }
}

@media (min-width: 412px) {
    .gmaps {
        width: 390px;
        height: 480px;
    }
}

@media (min-width: 429px) {
    .gmaps {
        width: 406px;
        height: 480px;
    }
}

@media (min-width: 540px) {
    .gmaps {
        width: 516px;
        height: 480px;
    }
}

@media (min-width: 767px) {
    .gmaps {
        width: 696px;
        height: 480px;
    }
}
@media (min-width: 912px) {
    .gmaps {
        width: 696px;
        height: 480px;
    }
}

@media (min-width: 1024px) {
    .gmaps {
        width: 936px;
        height: 480px;
    }
}

@media (min-width: 1366px) {
    .gmaps {
        width: 1216px;
        height: 480px;
    }
}









/* Standard-Styles für das Formular */
.contact-form-recaptcha-v3 .request-form {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/*.contact-form-recaptcha-v3 .form-step {*/
/*    display: none;*/
/*}*/

/*!* Zeigt den aktuellen Schritt *!*/
/*.contact-form-recaptcha-v3 .form-step.d-none {*/
/*    display: none;*/
/*}*/

/*.contact-form-recaptcha-v3 .form-step {*/
/*    display: block;*/
/*}*/

/* Fehlernachricht */
.request-form .error-message {
    font-size: 0.875rem;
    color: #dc3545;
    margin-top: 5px;
}

/* Buttons für die Schritte */
.contact-form-recaptcha-v3 .request-form button {
    font-size: 16px;
    padding: 10px 20px;
    margin-top: 15px;
    border-radius: 5px;
    cursor: pointer;
}

.contact-form-recaptcha-v3 .request-form .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

.contact-form-recaptcha-v3 .request-form .btn-primary:hover {
    background-color: #0056b3;
    border-color: #004085;
}

.contact-form-recaptcha-v3 .request-form .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.contact-form-recaptcha-v3 .request-form .btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

.contact-form-recaptcha-v3 .request-form .btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}

.contact-form-recaptcha-v3 .request-form .btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

/* Erfolgs- und Fehlernachricht */
.request-form .contact-form-success, .contact-form-error {
    /*display: none;*/
    margin-top: 20px;
}

/*.request-form .contact-form-success.show, .contact-form-error.show {*/
/*    display: block;*/
/*    padding: 15px;*/
/*    border-radius: 5px;*/
/*}*/

/* Erfolgsnachricht */
.request-form .contact-form-success {
    background-color: #28a745;
    color: white;
    border: 1px solid #218838;
}

/* Fehlernachricht */
.request-form .contact-form-error {
    background-color: #dc3545;
    color: white;
    border: 1px solid #c82333;
}

/* Responsive Design */
@media (max-width: 768px) {
    .contact-form-recaptcha-v3 .request-form {
        padding: 15px;
    }

    .contact-form-recaptcha-v3 .request-form button {
        width: 100%;
    }
}
