/* Hero Section dynamische Styles - werden von PHP generiert */

/* CSS-Variablen werden dynamisch von hero-variables.php generiert */

.hero-title {
    color: var(--hero-title-color) !important;
    font-size: var(--hero-title-font-size) !important;
    margin-bottom: 1rem;
}

.hero-section p {
    color: var(--hero-subtitle-color) !important;
    font-size: var(--hero-subtitle-font-size) !important;
}

.hero-section .btn-primary {
    background-color: var(--hero-button-bg-color) !important;
    border-color: var(--hero-button-bg-color) !important;
    color: var(--hero-button-text-color) !important;
}

.hero-section .btn-primary:hover,
.hero-section .btn-primary:focus {
    background-color: var(--hero-button-hover-bg-color) !important;
    border-color: var(--hero-button-hover-bg-color) !important;
    color: var(--hero-button-text-color) !important;
}