/* Gemeinsame Styles für alle Result-Seiten */

/* 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;
}

/* Font Awesome Icons explizit schützen */
.fas, .far, .fab, .fa, i[class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
}

/* Header-Style - Blauer Farbverlauf */
.title-bar {
    background: linear-gradient(135deg, #0077be 0%, #0056b3 100%) !important;
    color: white !important;
    padding: 0.8rem 0 !important;
    margin-bottom: 1.25rem !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;
    }
}

/* iPhone Querformat */
@media (orientation: landscape) and (max-height: 480px) {
    .title-bar {
        padding: 0.5rem 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;
    }
}