h1 {
        font-weight: 600; 
    }
    h2 {
        font-size: 1.6rem;
        font-weight: 600; 
        line-height: 1.3;
    }
    h3 {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.3;
    }
    p {
        line-height: 1.4;
    }
	.btn-warning {
	  --bs-btn-color: #000;
	  --bs-btn-bg: #ff9900;
	  --bs-btn-border-color: #ff9900;
	  --bs-btn-hover-color: #000;
	  --bs-btn-hover-bg: #ffca2c;
	  --bs-btn-hover-border-color: #ffc720;
	  --bs-btn-focus-shadow-rgb: 217, 164, 6;
	  --bs-btn-active-color: #000;
	  --bs-btn-active-bg: #ffcd39;
	  --bs-btn-active-border-color: #ffc720;
	  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	  --bs-btn-disabled-color: #000;
	  --bs-btn-disabled-bg: #ffc107;
	  --bs-btn-disabled-border-color: #ffc107;
	}
    .header-container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 10px 15px;
    }
    .head_glas_logo {
        width: 5rem;
        margin-right: 10px;
    }
    .header-titles {
        text-align: left; /* Linksbündige Ausrichtung */
    }
    .titel1 {
        font-size: 2rem;
        margin: 0;
    }
    .titel2 {
        font-size: 1rem;
        margin: -5px 0 0; /* Leichter Abstand nach oben reduziert */
        text-align: left; /* Linksbündige Ausrichtung */
    }
	.btn_100{
		width: 100%;
	}
	
    .carousel {
        margin: 0;
        padding: 0;
    }
    .carousel img {
        max-height: 400px; /* Passe die Höhe für Mobilgeräte an */
        object-fit: cover;
    }
    .carousel-caption {
        position: absolute;
        bottom: 10%;
        left: 5%;
        color: #fff;
        text-align: left;
        background: rgba(0, 0, 0, 0.5); /* Transparenz */
        padding: 2vw 3vw;
        max-width: 40%;
        font-size: calc(1rem + 0.5vw);
        display: block; /* Sichtbarkeit sicherstellen */
    }

    .carousel-caption h5 {
        font-size: calc(1.5rem + 0.5vw);
        font-weight: 600;
        margin-bottom: 10px;
    }

    .carousel-caption p {
        font-size: calc(1rem + 0.3vw);
        font-weight: 400;
        margin: 0;
    }

    @media (max-width: 576px) {
        .head_glas_logo {
            width: 5rem;
            margin-right: 10px;
        }
        .titel1 {
            font-size: 1.5rem;
        }
        .titel2 {
            font-size: 1.1rem;
        }
    }
    @media (max-width: 768px) {
        .head_glas_logo {
            width: 6rem;
        }
        .titel1 {
            font-size: 1.7rem;
        }
        .titel2 {
            font-size: 1.2rem;
        }
        .carousel-caption {
            bottom: 5%;
            left: 5%;
            max-width: 50%;
            padding: 3vw 4vw;
	        background: rgba(0, 0, 0, 0.33); /* Transparenz */
            font-size: calc(0.8rem + 0.3vw); /* Kleinere Schriftgröße für Mobilgeräte */
        }
        .carousel-indicators {
            display: none; /* Indikatoren ausblenden */
        }
        .carousel-caption h5 {
            font-size: calc(1.1rem + 0.2vw); /* Überschrift skaliert */
        }

        .carousel-caption p {
            font-size: calc(0.7rem + 0.1vw); /* Beschreibung skaliert */
        }
    }
    @media (min-width: 1200px) {
        .head_glas_logo {
            width: 12rem;
            margin-right: 20px;
        }
        .titel1 {
            font-size: 3.5rem;
        }
        .titel2 {
            font-size: 2rem;
        }
        .carousel-caption h5 {
			font-size: 1.9rem;
	  	}		
        .carousel-caption p {
			font-size: 1.3rem;
	  	}			
    }