@font-face {
    font-family: 'Nunito';
    src: url('/fonts/nunito/Nunito-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('/fonts/nunito/Nunito-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('/fonts/nunito/Nunito-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'Nunito', sans-serif;
}

.btn-sm {
    min-width: 80px; /* bereits gesetzt */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    height: 30px;
    box-sizing: border-box;
    font-family: inherit; /* gleiche Schrift für alle */
    font-weight: 400; /* gleiche Schriftstärke */
    font-size: 0.875rem; /* 14px in Bootstrap bei btn-sm */
    line-height: 1.5; /* Standard-Lineheight */
    border-width: 1px; /* gleiches Border */
    vertical-align: middle; /* Ausrichtung */
    text-align: center; /* Text zentrieren */
    text-decoration: none; /* vor allem bei <a> */
}

    .btn-sm.btn-outline-primary,
    .btn-sm.btn-outline-danger,
    .btn-sm.btn-outline-info {
        /* Falls die Farben noch kleine Unterschiede machen, hier kannst du optisch angleichen */
        border-style: solid;
        border-radius: 0.25rem;
    }

/* Bei <a>-Tags, die wie Buttons aussehen sollen */
a.btn-sm {
    display: inline-flex; /* damit Höhe stimmt */
    align-items: center;
    justify-content: center;
}

/* Optional: Falls Du es wirklich perfekt willst */
button.btn-sm {
    appearance: none; /* Default-Browserstyles entfernen */
    -webkit-appearance: none;
    -moz-appearance: none;
}