/* Bootstrap-Overrides: groß & touchfreundlich */
:root{ --bs-body-font-size: 1.25rem; } /* ~20px Basis */
@media (max-width: 576px){ :root{ --bs-body-font-size: 1.375rem; } } /* ~22px auf Phones */
@media (min-width: 992px){ :root{ --bs-body-font-size: 1.125rem; } } /* ~18px auf Desktop */
body {
    background-color: #c3e6cb;
}
/* Form + Buttons größer */
.form-control, .form-select{ min-height: 3.25rem; font-size: 1rem; }
.btn{ font-weight: 700; padding: .9rem 1.2rem; font-size: 1rem; }
.btn-lg{ padding: 1rem 1.25rem; font-size: 1.05rem; }

/* Tabellen etwas größer */
.table{ font-size: 1rem; }

/* Offcanvas etwas breiter auf Phones */
.offcanvas-start{ width: 300px; }

/* Kleine Util für volle Breite nur auf kleinen Screens */
@media (max-width: 576px){ .btn-block-sm{ width:100%; display:block; } }

.brand-logo{ width:32px; height:32px; object-fit:contain; }
@media (min-width: 992px){ .brand-logo{ width:36px; height:36px; } }