.navbar, footer {
            background-color: #007bff !important;
	}

    /* Nur Links im Footer */
    footer a {
        color: black;
        text-decoration: none;
    }

    /* Optional: Hover-Effekt für Footer-Links */
    footer a:hover {
        text-decoration: underline;
    }
	body {
        
    /* Hintergrundbild einfügen */
        font-size: 14px;
        /*color: black !important;*/
        margin: 0;
        padding: 0;
        height: 100vh;
        

    /* Hintergrundfarbe mit Transparenz */
    background: rgba(0, 123, 255, 0.6); /* Blau mit 30% Deckkraft */
		text-align: center;
        color: white;
        

        /* Oberer Bereich: weißer Hintergrund */
    /*.top-section {
      background-color: #ffffff;
      height: 50vh; /* Hälfte des Bildschirms
      display: flex;
      justify-content: center;
      align-items: center;
    }*/

    /* Unterer Bereich: hellgrauer Hintergrund */
   /* .bottom-section {
      background-color: #f0f0f0;
      height: 50vh; /* Andere Hälfte des Bildschirms 
      display: flex;
      justify-content: center;
      align-items: center;
    }*/
	}
    h1, h2, h3, h4, h5, h6 {
        font-weight: 700;
    }
    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.45); /* Transparenz anpassen */
        z-index: -1;
}
    .home-page{
        background-image: url(../images/ChatGPT_Image_20_Nov_2025_10_02_22.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        color: white;
    }
	 /*Stil für den farbigen Block */
        /* Stil für den quadratischen Block */
       /*.container {
            display: flex;
            justify-content: center; /* Zentrieren 
            gap: 10px; /* Abstand zwischen den Boxen 
        }*/ 

        .square-box {
            background-color: #5100ffff; /* Blaue Hintergrundfarbe */
            color: white; /* Weiße Schrift */
            width: 200px; /* Quadrat - Breite */
            height: 200px; /* Quadrat - Höhe */
            display: flex;
            align-items: center; /* Vertikale Zentrierung */
            justify-content: center; /* Horizontale Zentrierung */
            text-align: center;
            border-radius: 10px; /* Abgerundete Ecken */
            margin: 20px auto; /* Zentrieren */
        }

       /* Stil für den Link */
       .square-box a {
            color: yellow; /* Gelbe Schrift für den Link */
            text-decoration: none; /* Kein Unterstrich */
            font-weight: bold;
            font-size: 16px;
        }

        /* Hover-Effekt für den Link */
        .square-box a:hover {
            text-decoration: underline;
            color: orange;
        }
        .grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        .tile {
            /*background-color: #fff; */
            /*background-color:rgba(100, 96, 96, 0.74);*/
            /*background-color: darkslategray;*/
            /* background-color: rgb(59, 156, 156); */
            background-color: rgba(23, 2, 251, 0.80);
            color: grey;
            padding: 20px;
            box-shadow: 0 2px 4px rgba(2, 56, 251, 0.1);
            cursor: pointer;
            border-radius: 8px;
            position: relative;
        }
        .description {
            display: none;
            margin-top: 10px;
        }
        .tile:hover {
            background-color:rgba(255, 255, 255, 0.24);
        }