/* Branding-Container nebeneinander */
header.container-header .navbar-brand {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.75rem;
}

/* Logo-Link */
header.container-header .navbar-brand .brand-logo {
    display: inline-flex;
    align-items: center;
}

/* Unterüberschrift Standardgröße (Desktop) */
header.container-header .navbar-brand .site-description {
    display: inline-block;
    font-size: 2rem;
    color: #fff;
    font-style: italic;
    margin: 0;
    white-space: nowrap;
}

/* Für Smartphones: kleinere Schriftgröße */
@media (max-width: 768px) {
    header.container-header .navbar-brand .site-description {
        font-size: 1.5rem;   /* reduziert für kleine Screens */
        white-space: normal; /* erlaubt Umbruch falls nötig */
    }
}



.container-header {
    #background-image: linear-gradient(150deg, #c4001a 0%, #e05a6f 100%); 
    #background-image: linear-gradient(45deg, #c4001a 0%, #7a3f42 40%, #b78573 80%, #f5ded3 100%);
    background-image: linear-gradient(45deg, #c4001a 0%, #c4001a 40%, #b47a6f 80%, #f5e4df 100%);


}

.footer {
    #background-image: linear-gradient(170deg, #c4001a 0%, #f98a98 100%); 
    background-image: linear-gradient(45deg, #c4001a 0%, #c4001a 40%, #ce9c92 80%, #f8ece7 100%);
    #background-image: linear-gradient(45deg, #c4001a 0%, #c4001a 40%, #dfb8af 80%, #fcf5f2 100%);
    #background-image: linear-gradient(45deg, #c4001a 0%, #905d5f 40%, #d0a89f 80%, #f7eae5 100%);
    #background-image: linear-gradient(45deg, #c4001a 0%, #a26a67 40%, #ddbab1 80%, #fcf1ee 100%);

}

--card-cap-bg-top-a1: #c4001a;
.card_header_topa_1 {
 /* #color: #e1e9f5;
 *   #background-color: var(--card-cap-bg);
 *     --card-cap-bg-lichthanhle: rgba(var(--body-color-rgb), .03);*/
/*    --body-color-lichthanhle: #00ff00;*/
    #background-color:  var(--card-cap-bg-top-a1);
    background-color: #c4001a
}
h3.card_header_topa_1 {
   /* text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);*/
    color: white;
}
.card-header {
    background-color:  #c4001a;
}

h3.card-header {
   /* text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);*/
    color: white;
}