/* ==========================================================================
   TERMINE & EQUISLOT NATIVE (Exklusiv für termine.php)
   ========================================================================== */

.termine-hero {
    padding: 60px 0 30px;
    border-bottom: 1px solid var(--border-color);
    background: radial-gradient(circle at 80% 20%, rgba(212, 0, 98, 0.12), transparent 60%);
}

.termine-hero h1 {
    font-size: 2.8rem;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 15px;
}

.termine-hero h1 span {
    color: var(--primary-pink);
}

.termine-hero p.intro-text {
    font-size: 1.15rem;
    color: var(--text-muted);
    max-width: 700px;
}

.equislot-native-section {
    padding: 60px 0 80px;
}

/* Container-Styling für das reingeladene EquiSlot-Markup */
.equislot-container {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 30px;
    min-height: 400px;
}

/* Fehler-Anzeige */
.equislot-error {
    text-align: center;
    padding: 40px;
    color: var(--text-muted);
}

@media (max-width: 900px) {
    .termine-hero h1 { font-size: 2.2rem; }
    .equislot-container { padding: 15px; }
}