@charset "utf-8";
/* CSS Document */

/* <!-- Container-III -->*/
    
        /* Innerer Container (container-III) */
        .container-III {
            padding: 20px;
            border-radius: 8px;
            width: 100%;
            color: white;
            display: flex;
            justify-content: center;
            font-family: sans-serif;
            flex-direction: column;
            position: relative;
            height: 100%; /* Erlaubt, dass die Box flexibel wächst */
        }


            /* Box-Stile */
            .container-III .box {
                max-width: 100%;
                text-align: center;
                padding: 20px;
                background-color: rgba(255, 255, 255, 0.074);
                border: 1px solid rgba(255, 255, 255, 0.222);
                -webkit-backdrop-filter: blur(20px);
                backdrop-filter: blur(20px);
                border-radius: 0.7rem;
                width: 100%;
                display: flex;
                justify-content: center; /* Horizontal */
                align-items: center; /* Vertikal */
                height: 100%; /* Die Box nimmt 100% der Höhe des Containers ein */
            }

                /* Hover-Effekt für die Box */
                .container-III .box:hover {
                    box-shadow: 0px 0px 20px 1px #0078b4;
                    border: 1px solid rgba(255, 255, 255, 0.454);
                }

                /* Titel und Text in der Box */
                .container-III .box h1 {
                    font-size: 1.0rem;
                    line-height: 1.5;
                    margin: 0;
                }

@media (max-width: 425px) {
            .w3-row {
                width: 100%
            }
    .w3-rest{
        width: 100%
    }
}