		
{
        overflow-y: auto; /* Nur der Hauptinhalt ist scrollbar */
      }
      .navbarHeaderFixed {
        position: sticky!important; /* Fixiert die Navigation am oberen Rand */
        top: 0;
        z-index: 1020; /* Stellt sicher, dass die Navigation �ber dem Inhalt bleibt */
      }
		
		.navbar-toggler {
			border: none; /* Entfernt den Rahmen vom Hamburger */
			font-size: none!important; 
			line-height: none!important; 
			color: none!important; 
			 
		}
 
				.bs-navbar-toggler-icon-bg {
											outline: none; /* Entfernt den Fokusrahmen */
										}
		
		
						.navbar-toggler:focus {
							outline: none; /* Entfernt den Fokusrahmen */
						}

						.navbar-toggler-icon {
							background-color: #b5965800; /* Setzt die Farbe der Hamburgerstreifen */
						}

						.offcanvas.show .navbar-toggler {
							border: none; /* Entfernt den Rahmen, wenn das Offcanvas ge�ffnet ist */
						}
		
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.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;
      }

  

      .offcanvas-body a {
        color: #f8f9fa; /* Helle Linkfarbe */
      }

    @media (min-width: 990px) {
        .navbar-toggler {
            display: flex !important;  
        }

 
    }

   
 @media (max-width: 320px) {
        .offcanvas-body {
            background-image: url('/images/belg-feinleinen-test-rot.png');
            background-size: cover;
        }
    }

    @media (min-width: 321px) {
        .offcanvas-body {
            background-image: url('/images/belg-feinleinen-test-blau.png');
            background-size: cover;
        }
    }

    .offcanvas.show .navbar-toggler {
        border: none; /* Entfernt den Rahmen, wenn das Offcanvas ge�ffnet ist */
    }