/* Kurs-Titel */
.tutor-course-details-title,
.tutor-course-single-title,
h1.tutor-fs-4 {
    font-size: 42px !important;
    line-height: 1.3;
}

/* Abschnittsüberschriften */
.tutor-course-topic-title,
.tutor-course-content-title,
.tutor-course-details h2 {
    font-size: 20px !important;
    line-height: 1.4;
}

/* Unterüberschriften */
.tutor-course-details h3 {
    font-size: 26px !important;
    line-height: 1.4;
}

/* Fließtext */
.tutor-course-details p,
.tutor-course-details li,
.tutor-course-details span {
    font-size: 40px !important;
    line-height: 1.8;
}

/* Buttons */
.tutor-btn {
    font-size: 18px !important;
}

/* Tabs (Kursinhalt, Beschreibung usw.) */
.tutor-nav-link {
    font-size: 40px !important;
    font-weight: 600;
}
/* Kursinfo / Beschreibung */
.tutor-course-details-content,
.tutor-course-details-content p,
.tutor-course-details-content li,
.tutor-course-details-content span,
.tutor-course-details-content div {
    font-size: 20px !important;
    line-height: 1.8;
}

/* Überschrift "Kursinfo" */
.tutor-course-details-content h2 {
    font-size: 32px !important;
    line-height: 1.4;
}

/* Unterüberschriften innerhalb der Kursinfo */
.tutor-course-details-content h3,
.tutor-course-details-content h4 {
    font-size: 26px !important;
    line-height: 1.4;
}
/* Sidebar: Kursinformationen */
.tutor-course-details-widget,
.tutor-course-details-widget li,
.tutor-course-details-widget span,
.tutor-course-details-widget p {
    font-size: 19px !important;
    line-height: 1.7;
}

/* Überschrift der Sidebar */
.tutor-course-details-widget h3,
.tutor-course-details-widget h4 {
    font-size: 24px !important;
}
/* Container-Layout */
.tutor-native-checkout-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1200px;
    margin: 40px auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Spalten-Verteilung (Zwei-Spalten-Layout auf Desktop) */
.tutor-checkout-column.left-col {
    flex: 1 1 65%;
    min-width: 320px;
}

.tutor-checkout-column.right-col {
    flex: 1 1 30%;
    min-width: 300px;
}

/* Karten-Design */
.tutor-checkout-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.tutor-checkout-card h2 {
    font-size: 20px;
    color: #1e293b;
    margin-top: 0;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.tutor-checkout-card h2 .icon {
    margin-right: 10px;
}

.tutor-checkout-card .subtitle {
    color: #64748b;
    font-size: 14px;
    margin-bottom: 25px;
}

/* Anpassung der nativen Tutor LMS Formularfelder */
.tutor-actual-form-wrapper input[type="text"],
.tutor-actual-form-wrapper input[type="email"],
.tutor-actual-form-wrapper select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background-color: #f8fafc;
    font-size: 15px;
    transition: all 0.2s ease;
    margin-bottom: 15px;
}

.tutor-actual-form-wrapper input:focus,
.tutor-actual-form-wrapper select:focus {
    border-color: #3b82f6;
    background-color: #ffffff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

/* Primärer Kaufen-Button (Tutor LMS nativ abfangen) */
.tutor-actual-form-wrapper button[type="submit"],
.tutor-actual-form-wrapper .tutor-btn-primary {
    width: 100%;
    background-color: #6700e5;
    color: #ffffff;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.tutor-actual-form-wrapper button[type="submit"]:hover,
.tutor-actual-form-wrapper .tutor-btn-primary:hover {
    background-color: #1d4ed8;
}

/* Vertrauensanker & Sicherheits-Badges */
.summary-card {
    background-color: #f8fafc;
}

.security-badges {
    margin-top: 20px;
    border-top: 1px solid #e2e8f0;
    padding-top: 20px;
}

.badge-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.badge-icon {
    font-size: 20px;
    margin-right: 12px;
    margin-top: 2px;
}

.badge-item strong {
    font-size: 13px;
    color: #334155;
    display: block;
}

.badge-item p {
    font-size: 12px;
    color: #64748b;
    margin: 2px 0 0 0;
}

/* Responsive Anpassungen für Smartphones */
@media (max-width: 768px) {
    .tutor-native-checkout-container {
        flex-direction: column;
        padding: 0 15px;
    }
    
    .tutor-checkout-column.left-col,
    .tutor-checkout-column.right-col {
        flex: 1 1 100%;
    }
}