/* Benutzerdefinierte Stile, um die Tailwind-Optik genau nachzubilden */
body {
    background-color: #f1f5f9; /* Entspricht Tailwind's bg-slate-100 */
}
.h-20-custom {
    height: 80px; /* Entspricht Tailwind's h-20 */
}
.form-container {
    max-width: 400px; /* Entspricht Tailwind's max-w-sm (384px), leicht angepasst */
}
.p-10-custom {
    padding: 2.5rem !important; /* Entspricht Tailwind's p-10 (40px) */
}
.rounded-xl-custom {
    border-radius: 0.75rem !important; /* Entspricht Tailwind's rounded-xl */
}
.shadow-lg-custom {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* Entspricht Tailwind's shadow-lg */
}
.space-y-6 > *:not(:first-child) {
    margin-top: 1.5rem !important; /* Entspricht Tailwind's space-y-6 (24px) */
}
.mt-10-custom {
    margin-top: 2.5rem !important; /* Entspricht Tailwind's mt-10 (40px) */
}
.text-xl-custom {
    font-size: 1.25rem !important; /* Entspricht Tailwind's text-xl */
    line-height: 1.75rem !important; /* Entspricht Tailwind's leading-7 oder leading-9 */
}
.text-gray-900-custom {
    color: #1a202c !important; /* Entspricht Tailwind's text-gray-900 */
}
.bg-rose-100-custom {
    background-color: #ffe4e6 !important; /* Entspricht Tailwind's bg-rose-100 */
}
.ring-rose-200-custom {
    border: 1px solid #fecaca !important; /* Entspricht Tailwind's ring-1 ring-rose-200 */
}
.py-1-5-custom {
    padding-top: 0.375rem !important; /* Entspricht Tailwind's py-1.5 */
    padding-bottom: 0.375rem !important;
}
.px-3-custom {
    padding-left: 0.75rem !important; /* Entspricht Tailwind's px-3 */
    padding-right: 0.75rem !important;
}
.text-sm-custom {
    font-size: 0.875rem !important; /* Entspricht Tailwind's text-sm */
    line-height: 1.25rem !important; /* Entspricht Tailwind's leading-5 */
}
.ring-gray-300-custom {
    border: 1px solid #d1d5db !important; /* Entspricht Tailwind's ring-1 ring-gray-300 */
}
.focus-ring-indigo-600-custom:focus {
    border-color: #4f46e5 !important; /* Entspricht Tailwind's focus:ring-indigo-600 */
    box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25) !important; /* Standard-Focus-Ring-Stil */
}
.bg-indigo-600-custom {
    background: linear-gradient(to right, #fc882e 10%, #ef303b 100%) !important; /* Entspricht Tailwind's bg-indigo-600 */
    border: none !important;
}
.hover-bg-indigo-500-custom:hover {
    background: linear-gradient(to left, #fc882e 10%, #ef303b 100%) !important; /* Entspricht Tailwind's hover:bg-indigo-500 */
    border: none !important;
}