/* Scrollbar Style */

            /* width */
            ::-webkit-scrollbar {
            width: 6px;
            }

            /* Border radius */
            ::-webkit-scrollbar-thumb {
            border-radius: 8px;
            }

            /* Track */
            ::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 16px;
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px); 
            padding: 20px;
            font-weight: bold;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            }
            
            /* Handle */
            ::-webkit-scrollbar-thumb {
            background: #FF2800; 
            }

            /* Handle on hover */
            ::-webkit-scrollbar-thumb:hover {
            background: #991700; 
            }


        /* General Style */

        body {
            font-family: 'Roboto', sans-serif;
            color: #cccccc;
            background-color: #000000;
            padding-inline: 70px;
        }

        .header-image {
            width: 100%;
            height: 600px;
            object-fit: cover;
            object-position: 50% 10%;
            border-radius: 8px;
            border: 2px solid #ff2800;
        }

        .headline {
            font-size: 48px;
            color: #ff2800;
        }

        .image-container {
            background-color: #111111;
            padding: 10px;
        }

        .navbar {
            display: flex; /* Flexbox aktivieren (Nötig für diverse Eigenschaften) */
            justify-content: space-between; /* Horizontale Ausrichtung */
            align-items: center; /* Vertikale Ausrichtung */
            padding-top: 30px; /* Abstand oben */
        }

        a {
            color: #cccccc; /* Linkfarbe */
            text-decoration: none; /* Link Unterstreichung : aus */
            font-size: 20px; /* Schriftgröße */
            font-weight: 500; /* Schriftstärke (Dickheit) */
            padding: 10px; /* Abstand zwischen den Links */
            transition: color 0.3s ease-in-out; /* Übergangseffekt */
        }

        a:hover {
            color: #ff2800; /* Linkfarbe beim hovern */
            text-shadow: 0 0 50px #ff2600; /* Textschatten */  
        }

        .text-highlight {
            color: aqua;
            font-size: 30px;
        }

        .text-container {
            background: rgba(0, 0, 0, 0.2);
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); /* Schatten */
            backdrop-filter: blur(5px); /* Hintergrundfilter */
            -webkit-backdrop-filter: blur(5px); /* Hintergrundfilter */

            padding: 8px; /* Abstand zum Bild */
            border-radius: 8px; /* Rundung der Ecken */
            border: 2px solid #ff2800; /* Rahmen */
            color: #cccccc; /* Schriftfarbe */
        }

        .maps-container {
            padding-top: 10px;
            display: flex;
            justify-content: space-between;
        }

        .maps-right {
            margin-left: 10px;
            width: 30%;
        }

        .maps-frame {
            width: 70%;
            height: 400px;
            border-radius: 8px;
            border: 2px solid #ff2800;
        }

        .referals {
            padding-top: 10px;
            display: flex;
            justify-content: center;
            padding: 10px;
        }

        .glass-container {
            background: rgba(30, 29, 29, 0.15);
            box-shadow: 0 8px 32px 0 rgba(0, 1, 2, 0.3);
            backdrop-filter: blur(6px);
            border-radius: 8px;
            border: 2px solid rgb(255, 0, 0);
            padding: 10px;
        }

        .glass {
            background: rgba(30, 29, 29, 0.15);
            box-shadow: 0 8px 32px 0 rgba(0, 1, 2, 0.3);
            backdrop-filter: blur(6px);
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .grid-container {
            display: grid;
            grid-template-columns: auto auto auto;
            backdrop-filter: blur(6px);
            box-shadow: 0 8px 32px 0 rgba(0, 1, 2, 0.3);
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 10px;
        }
        
        .grid-item {
            padding: 20px;
            font-size: 40px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 8px;
        }