/* Wir biegen die internen Schriftnamen von Hummingbird auf lokale Systemfonts um. 
   Der Browser bricht den Download der gel�«Óschten WOFF2-Dateien sofort ab, 
   weil er sie "lokal" im Betriebssystem findet. 
   Ihre Creative Elements Fonts bleiben zu 100% gesch�«ätzt! */

@font-face {
    font-family: 'Inter'; /* Der interne Name der Hummingbird-Schrift */
    src: local('Arial'), local('sans-serif');
    font-display: swap;
}

@font-face {
    font-family: 'Material Icons'; /* Die nativen Icons von Hummingbird */
    src: local('Arial');
    font-display: swap;
}

/* Den klebrigen Hummingbird-Header radikal deaktivieren */
#header.header {
    position: relative !important;
}

/* Scroll-Padding zurücksetzen, damit Anker-Links nicht verspringen */
:root {
    --scroll-padding-top: 0 !important;
}

@layer bs-components {
  .accordion-item {
    color: var(--bs-accordion-color);
    padding: 20px;
    border-radius: 4px !important;
    background-color: #F5F2E9;
  }
}

@layer bs-components {
  .nav-underline .nav-link {
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
    padding-left: 0;
    padding-right: 0;
    color: #333;
  }

.nav-link {
    background: none;
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    color: #333 !important;
    display: block;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  }
  
@layer bs-components {
  .tab-content > .active {
    display: block;
    background-color: #F5F2E9;
    padding: 25px;
    border-radius: 4px;
  }

@layer bs-custom-components {
  .accordion--small .accordion-button {
    font-size: 1rem;
    padding-block: .5rem;
    padding: 15px !important;
  }
}

@layer bs-components {
  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #472E23;
    --bs-btn-border-color: #472E23;
    padding: 15px;
  }
}

@layer bs-components {
  .btn-primary {
    --bs-btn-color: #F5F2E9 !important;
    --bs-btn-bg: #472E23 !important;
    --bs-btn-border-color: #472E23 !important;
    --bs-btn-hover-color: #F5F2E9 !important;
    --bs-btn-hover-bg: #5C4033 !important;
    --bs-btn-hover-border-color: #5C4033 !important;
    padding: 15px !important;
  }
}

@layer bs-components {
  .nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: none !important;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
  }
}

@layer bs-custom-components {
  .btn-basic {
    --bs-btn-padding-x: 0;
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: var(--bs-body-bg);
    --bs-btn-border-color: var(--bs-body-bg);
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-bg: var(--bs-body-bg);
    --bs-btn-hover-border-color: var(--bs-body-bg);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-bg: var(--bs-body-bg);
    --bs-btn-active-border-color: var(--bs-body-bg);
    padding: 10px !important;
  }
}

@layer bs-components {
  .btn-outline-primary {
    --bs-btn-color: #472E23 !important;
    --bs-btn-border-color: #472E23 !important;
Visa 12 oanv�«£nda anpassade CSS-egenskaper
  }
}