/* Gemeinsame Styles für Events-Seite */

/* System-Schriftart */
body, html, p, div, span, h1, h2, h3, h4, h5, h6, table, th, td, input, button, select, label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Bootstrap Icons explizit schützen */
.bi, i[class*="bi-"] {
    font-family: "bootstrap-icons" !important;
}

/* Header-Style - Blauer Farbverlauf */
.title-bar {
    background: linear-gradient(135deg, #0077be 0%, #0056b3 100%) !important;
    color: white !important;
    padding: 2rem 0 !important;
    margin-bottom: 2rem !important;
}

/* Überschrift-Style */
.event-title {
    font-size: 2.5rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
    color: white !important;
    letter-spacing: -0.02em !important;
}

.event-subtitle {
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    opacity: 0.9 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    letter-spacing: -0.01em !important;
}

.kicker {
    font-size: 1.05rem !important;
    letter-spacing: 0.18rem !important;
    font-weight: 400 !important;
    opacity: 0.95 !important;
    text-transform: uppercase !important;
    margin-bottom: 0.35rem !important;
    color: white !important;
}

.event-meta {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Mobile Responsive Anpassungen */
@media (max-width: 768px) {
    .event-title {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
    }
    
    .event-subtitle {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }
    
    .kicker {
        font-size: 0.9rem !important;
    }
    
    .event-meta {
        font-size: 0.9rem !important;
    }
}

/* iPhone spezifische Anpassungen */
@media (max-width: 480px) {
    .event-title {
        font-size: 1.5rem !important;
        line-height: 1.1 !important;
    }
    
    .event-subtitle {
        font-size: 1rem !important;
        line-height: 1.2 !important;
    }
    
    .kicker {
        font-size: 0.8rem !important;
    }
    
    .event-meta {
        font-size: 0.8rem !important;
    }
}

/* Impressum & Datenschutz: gleiches Blau wie Event-Header (#0077be) */
body.page-legal .title-bar {
    background: linear-gradient(135deg, #0077be 0%, #0056b3 100%) !important;
}
body.page-legal .text-primary,
body.page-legal .impressum-content .text-primary,
body.page-legal .datenschutz-content .text-primary {
    color: #0077be !important;
}
body.page-legal .btn-primary {
    background-color: #0077be !important;
    border-color: #0077be !important;
    color: #fff !important;
}
body.page-legal .btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #fff !important;
}
body.page-legal .impressum-content a,
body.page-legal .datenschutz-content a {
    color: #0077be;
}
body.page-legal .impressum-content a:hover,
body.page-legal .datenschutz-content a:hover {
    color: #0056b3;
}

/* iPhone Querformat */
@media (orientation: landscape) and (max-height: 480px) {
    .title-bar {
        padding: 1rem 0 !important;
    }
    
    .event-title {
        font-size: 1.3rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    .event-subtitle {
        font-size: 0.9rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    .kicker {
        font-size: 0.7rem !important;
        margin-bottom: 0.2rem !important;
    }
    
    .event-meta {
        font-size: 0.7rem !important;
    }
}