#DateUhr {margin-right:-515px;margin-top:1px;}
        .clock_container {
            display: flex;
            font-size: 2em;
        }
        .clock_clock, .Date_clock {
            display: flex;
            align-items: center;
            margin-right: 20px;
        }
        .divider {
            display: flex;
            align-items: center;
            margin-right: 20px;
        }
        img {
            margin: 0 4px;
        }
        .clock_img_size {
            height:70px;
        }
        .Date_clock {
            font-size: 1em;
        }
        .folder-select {
            margin-bottom: 20px;
        }
        .folder-button {
            background-color: transparent;
            color: #fff;
            padding: 10px 15px;
            font-size: 16px;
            border: none;
            cursor: pointer;
            margin-right: 5px;
        }
        .folder-button:hover {
            background-color: #00000075;color: #ff0;
        }
		
		
/* Responsiv CSS */

/* Basis-Stile */


/* Media Queries */

/* Für große Desktops (ab 1200px) */
@media screen and (min-width: 1200px) {
    .clock_img_size {
        height: 70px; /* Größere Bilder */
    }
}

/* Für Laptops (zwischen 1199px und 1385px) */
@media screen and (min-width: 1199px) and (max-width: 1385px) {
    .clock_img_size {
        height: 50px; /* Mittelgroße Bilder */
    }
}

/* Für Laptops (zwischen 992px und 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .clock_img_size {
        height: 40px; /* Mittelgroße Bilder */
    }

    .divider, .clock_clock, .Date_clock {
        margin-right: 0px; /* Weniger Abstand */
    }
}

/* Für Tablets (zwischen 768px und 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .clock_container {
        font-size: 1em; /* Kleinere Schriftgröße */
    }

    .clock_img_size {
        height: 29px; /* Kleinere Bilder */
    }

    .divider, .clock_clock, .Date_clock {
        margin-right: 0px; /* Weniger Abstand */
    }
}

/* Für Smartphones (unterhalb von 768px) */
@media screen and (max-width: 767px) {
    .clock_container {
        /* align-items: center; */ /* Zentrierung */
        font-size: 1em; /* Noch kleinere Schriftgröße */
    }

    .clock_img_size {
        height: 29px;
        /* margin-bottom: 10px; */ /* Abstand zwischen Bildern */
    }

    .divider, .clock_clock, .Date_clock {
        margin-right: 0; /* Kein Abstand rechts */
        margin-bottom: 10px; /* Abstand nach unten */
    }
}