.hero-section {
    padding: 6rem 0;
    min-height: 90vh;
    display: flex;
    align-items: center;
    align-content: center;
}
.hero-content {
    padding-top: 4rem;
}
.hero-image {
    max-width: 650px;
    height: auto;
}
.text-primary {
    color: #ef303b !important;
}
.icon-primary {
    color: #fc882e !important;
}

.btn-primary {
    transition: 0.5s;
    box-shadow: 0px 0px 14px -7px #f09819;
    background: linear-gradient(to right, #fc882e 10%, #ef303b 100%) !important;
    border-radius: 50px;
    border: none;
}
.btn-primary:hover {
    background: linear-gradient(to left, #fc882e 10%, #ef303b 100%) !important;
    border-radius: 50px;
    border: none;
}


.btn-gradiant {
    transition: 0.5s;
    box-shadow: 0px 0px 14px -7px #f09819;
    background: linear-gradient(to right, #fc882e 10%, #ef303b 100%) !important;
    border-radius: 50px;
    color: #ffffff;
    border: none;
}

.btn-gradiant:hover {
    box-shadow: 0px 0px 14px -7px #f09819;
    background: linear-gradient(to left, #fc882e 10%, #ef303b 100%) !important;
    border-radius: 50px;
    color: #ffffff;
}

.btn-log {
    color: #ffffff;
}
.btn-log:hover {
    color: #fc882e;
}

.btn-outline-primary {
    border-color: #ef303b !important;
    color: #ef303b !important;
    border-radius: 50px;
}

.btn-outline-primary:hover {
    border-color: #fc882e !important;
    color: #fc882e !important;
    border-radius: 50px;
    background-color: transparent !important;
}
.blue-nav-cus{
    background-color: #060d39;
    transition: background-color 0.8s ease-in-out, box-shadow 0.8s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
}

/* Navigationsleiste, wenn gescrollt wird */
.blue-nav-cus.scrolled {
    background-color: #060d39;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.blue-nav-cus .nav-link {
    color: #fff;
    font-weight: 700;
    transition: color 0.3s ease;
}
.blue-nav-cus .nav-link:hover {
    color: #a0c4ff !important;
}

.h1-custom {

}

.border-primary {
    border-color: #fc882e   ; !important;
}

.rounded-circle {
    border-color: #fc882e   ; !important;
}