@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.t41j41ut1o.bundle.scp.css';

/* _content/Ersatzkasse.Blazor/Components/Pages/HomeView.razor.rz.scp.css */
/* Hero section with minimum height */
.hero[b-t83xsfsz3f] {
    min-height: 300px;
    flex: 1;
    font-size: calc(1.1rem + 0.4vw);
    background-image: url('img/Titelbild_1920_620.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

    .hero[b-t83xsfsz3f]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.3);  Adjust the opacity (0.5) as needed 
    }

.hero-content[b-t83xsfsz3f] {
    position: relative; /* Position the content relative to the pseudo-element */
    z-index: 1; /* Ensure the content appears above the pseudo-element */
    color: black;
    margin-left: 7%;
}

.hero ul > li[b-t83xsfsz3f] {
    margin-bottom: 0.3rem;
}


/* Button spacing */
.button-section .btn[b-t83xsfsz3f] {
    margin: 10px;
}

.button-section a[b-t83xsfsz3f] {
    width: 250px;
}

.button-section .col[b-t83xsfsz3f] {
    gap: 1rem 3rem;
}