/* Grundschrift überall leicht größer */
body {
    font-size: 18px;
}

/* Titel auf Mobil etwas größer */
h1, h2, h3, h4, h5 {
    font-size: 1.4rem;
}

/* Buttons auf Mobil besser sichtbar */
.btn {
    font-size: 1.1rem;
    padding: 0.9rem;
}

/* Drink-Buttons extra gut klickbar */
.drink-btn {
    font-size: 1.2rem;
}

/* Tabellen lesbarer machen */
table {
    font-size: 1.05rem;
}

table td, table th {
    padding: 0.75rem;
}

/* Modals auf mobilen Geräten lesbarer machen */
.modal-body, .modal-header, .modal-footer {
    font-size: 1.15rem;
}

/* Mobil: Abstand optimiert */
@media (max-width: 576px) {
    
    body {
        padding: 1rem;
    }

    h1 {
        font-size: 1.6rem;
    }

    h2 {
        font-size: 1.4rem;
    }

    /* Buttons noch größer auf Mobil */
    .btn {
        font-size: 1.25rem;
        padding: 1rem;
    }

    .drink-btn {
        font-size: 1.3rem;
        padding: 1.4rem 0;
    }

    /* Tabellen auf Mobil: mehr Platz */
    table {
        font-size: 1.15rem;
    }

    table td, table th {
        padding: 1rem 0.5rem;
    }

    /* Navigation lesbarer */
    .navbar-brand, .nav-link {
        font-size: 1.2rem;
    }
}