@font-face {
    font-family: 'EB Garamond';
    src: url('/Fonts/EBGaramond-Regular.woff2') format('woff2'), 
         url('/Fonts/EBGaramond-Regular.woff') format('woff');
    font-weight: 100 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'EB Garamond', serif !important;
}

html {
    font-size: 16px; /* Standardbasis für rem */
}

h1 {
    font-size: clamp(2.5rem, 6vw, 6.25rem); /* 40–100px */
}

h2 {
    font-size: clamp(2rem, 5vw, 4.375rem); /* 32–70px */
}

h3 {
    font-size: clamp(1.75rem, 4vw, 3.125rem); /* 28–50px */
}

h4 {
    font-size: clamp(1.375rem, 3vw, 1.875rem); /* 22–30px */
}

p,
.a_font {
    font-size: clamp(1.125rem, 1.7vw, 1.4375rem); /* 18–23px */
    line-height: 1.6;
}

.p_small {
    font-size: clamp(1rem, 1.4vw, 1.125rem); /* 16–18px */
}

.no-margin {
    margin: 0 !important;
}

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

.nav-link {
    position: relative;
    display: inline-block;
    padding-bottom: 4px; /* optional, für mehr Abstand zur Linie */
    transition: color 0.3s ease;
}

    .nav-link::after {
        content: "";
        position: absolute;
        width: 0;
        height: 2px;
        left: 0;
        bottom: 0;
        background-color: currentColor; /* nimmt die Textfarbe */
        transition: width 0.1s ease;
    }

    .nav-link:hover::after,
    .nav-link:focus::after {
        width: 100%;
    }

.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%;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

@media (max-width: 991px) {
    .navbar-scroll {
        background-color: #377e3c;
    }
}

.navbar-scroll .navbar-brand {
    color: #fff;
    background-color: #377e3c;
}

.navbar-scroll {
    background-color: #377e3c !important;
}

.navbar-scrolled {
    background-color: #377e3c;
}

.navbar-scrolled .navbar-brand,
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars {
    color: #fff;
}

.text-green {
    color: #377e3c;
}

.text-white {
    color: #fff;
}

.background-green {
    background-color: #377e3c;
}

.btn-green {
    background-color: #377e3c;
}