* {
    font-family: "Open Sans", "sans-serif";
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    color: var(--bs-primary) !important;
}

.card-footer a {
    color: white !important;
    margin-bottom: 0;
}

.card-footer h2 {
    margin-bottom: 0;
}

/* Header sticky */
    header {
        position: sticky;   /* bleibt beim Scrollen oben */
        top: 0;             /* oben am Viewport */
        z-index: 1030;      /* über anderen Inhalten, z.B. Navbar */
        background-color: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);    
    }

@media screen and (max-width: 767px) {
    .navbar-brand {
    display: block;
    max-width: 250px;
}
}

@media screen and (min-width: 768px) {
    .navbar-brand {
    display: none;
}
}


.offcanvas-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.offcanvas-header {
    background-image: url("https://typo3.dawesys.de/fileadmin/progruenevde/logo.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 40px; /* Höhe vom Logo */
    margin-left: 30px; 
    margin-top: 0.5rem;         
}

#mobileNav hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.offcanvas-header .button-close {
    color: var(--bs-primary);
}

.dws-body1 {
    height: 15vH;
}