/* <weight>: Use a value from 200 to 1000 */
/* <uniquifier>: Use a unique and descriptive class name */
/* bootstrap breakpoints 
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
*/

/* default styles */

      .bi {
        vertical-align: -0.125em;
        fill: currentColor;
      }
      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }
      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
      .btn-bd-primary {
        --bd-violet-bg: #5E40BF;
        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #BF406D;
        --bs-btn-hover-border-color: #BF406D;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5E40BF;
        --bs-btn-active-border-color: #5E40BF;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }
      .bd-mode-toggle .bi {
        width: 1em;
        height: 1em;
      }
      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }
      

/* kardio23 styles */


@font-face {
  font-family: "Nunito Sans";
  src: url('../fonts/nunitosans-variablefont.woff2') format('woff2');
}


[data-bs-theme="light"] {
  color-scheme: light;
  a {color: #666 !important; transition: 0.5s;}
  a:hover {color: #000 !important;}
  a.active {color: #000 !important; border-bottom:1px solid #000;}
  .bg-body-tertiary {background-image: linear-gradient(to right, #5E40BF , #BF406D);}
  .btn-primary {background-color:#5E40BF !important;}
  .btn-primary:hover {background-color:#BF406D !important;}
  .btn-primary a {color:#fff !important;}
  .btn-outline-secondary:hover a {color:#fff !important;}
  .willkommen_intro_inner {background-color:#fff !important;}
  }


[data-bs-theme="dark"] {
  color-scheme: dark;
  a {color: #eee !important; transition: 0.5s;}
  a:hover {color: #fff !important;}
  a.active {color: #fff !important; border-bottom:1px solid #fff;}
  .bg-body-tertiary {background-color: #212529;}
  .btn-primary {background-color:#5E40BF !important;}
  .btn-primary:hover {background-color:#BF406D !important;}
  .btn-outline-secondary:hover a {color:#fff !important;}
  .willkommen_intro_inner {background-color:#212529 !important;}
  }

.logo {margin-right:0.75rem;}

.navbar a.navbar-brand.active {border-bottom:0px}
.navbar a {color: #fff !important; transition: 0.5s;}
.navbar a:hover {color: #fff !important;}
.navbar a.active {color: #fff !important; border-bottom:1px solid #fff;}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: #fff;
  background-color: transparent;
  border: var(--bs-border-width) solid #fff;
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

.navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.00%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.nav {
  --bs-nav-link-color: #fff !important;
  --bs-nav-link-hover-color: #fff !important;
  list-style: none;
}


main {
	margin-top:-1rem;
}

.willkommen_intro {
	margin-top:-30rem;
}

@media (max-width: 1400px) {.willkommen_intro {margin-top: -25rem;}}
@media (max-width: 1200px) {.willkommen_intro {margin-top: -15rem;}}
@media (max-width: 992px) {.willkommen_intro {margin-top: -5rem;}}
@media (max-width: 768px) {.willkommen_intro {margin-top: 0rem;}}
@media (max-width: 576px) {.willkommen_intro {margin-top: 0rem;}}

.bg-dark {background:blue;}

body  {
	font-family: "Nunito Sans";
	font-weight: normal;
	}

#name {
	font-family: "Nunito Sans";
	font-weight: 600;
	font-size: 1.25rem;
	}

.alle_kassen {font-weight:700;}