#seite1 {
    display: block;
}

.seite_1_container {
    width: 100%;
    display: flex;
    height: 65%;
}

.inner_box {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    padding: 1vw;
    box-shadow: var(--alert-box-shadow);
}

.inner_box1 {
    width: 100%;
    height: 30.00%;
    border-radius: 15px;
    padding: 1vw;
    margin-bottom: 2.3vh;
    box-shadow: var(--alert-box-shadow);
    display: flex;
    align-items: center;
}
.next_clock, .next_icon, .next_temp, .next_wind {
	
}
.next_clock{
	width: 24%;
}
.next_temp{
	width: 23%;
	text-align: center;
}
.next_icon{
	width: 22%;
	text-align: center;
}
.next_wind {
	width: 30%;
	text-align: right;
}
.current_box {
    width: 50%;
    padding: 1rem;
    height: 100%;
}

.next_icon svg {
    width: 4.5vw;
    text-shadow: var(--alert-box-shadow);
    /* Optional für Text im SVG */
    fill: var(--logo-fill-preloader);
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.2));
    /* Schatten hinzufügen */
}

.next_hourly_box {
    width: 50%;
    padding: 1rem;
}



.seite_1_container2 {
    width: 100%;
    display: flex;
    height: 35%;
}

.box {
    width: 25%;
    padding: 1rem;
}

.current_box_headline {
    width: 100%;
    background-color: ;
    height: 15%;
}

.current_box h1 {
    font-size: 2.3vw;
}

.current_box_weather {
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cmain_box_1 {
    width: 30%;
    text-align: center;
}

.cmain_box_1 h2 {
    font-size: 2.5vw;
}

.cmain_box_1 p {
    font-size: 1.6vw;
}

.cmain_box_3 h2 {
    font-size: 2.5vw;
}

.current_box_footer h2 {
    font-size: 2.5vw;
}

.cmain_box_3 p {
    font-size: 1.6vw;
}

.cmain_box_2 {
    width: 40%;
    text-align: center;
}

.cmain_box_3 {
    width: 30%;
    text-align: center;
}

.current_box_footer {
    background-color: ;
    height: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cfooter_box {
    width: 33.33%;
    text-align: center;
}

.current_box_weather_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.current_box_weather_icon svg {
    width: 12vw;
    text-shadow: var(--alert-box-shadow);
    /* Optional für Text im SVG */
    fill: var(--logo-fill-preloader);
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.2));
    /* Schatten hinzufügen */
}

.icons {
    width: 3rem;
    margin-bottom: 0.5rem;
    fill: var(--logo-fill-preloader);
}

.icons_akt {
    font-size: 11vw;
    color: var(--logo-fill-preloader);
}

.icons_next {
    font-size: 4vw;
    color: var(--logo-fill-preloader);
}

.inner2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

.icons_under {
    width: 3.0vw;
    fill: var(--logo-fill-preloader);
}

.inner2 h2 {
    font-size: 2.8vw;
    font-weight: bold;
}

.inner2 h3 {
    font-size: 1.4vw;
    margin-top: 0.5rem;
    opacity: 0.5;
}

.seite2_container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seite2_box {
    width: 20%;
    height: 70vh;
    padding: 1rem;
}

.seite2_innerbox {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    padding: 1vw;
    box-shadow: var(--alert-box-shadow);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.icon_hourly_prog {
    font-size: 12vh;
    color: var(--logo-fill-preloader);
}

.prog_std_time p {
    font-size: 2.4vw;
}

.prog_std_wert_ svg {
    fill: var(--logo-fill-preloader);
    width: 2.5vw;
    margin-top: 0.8rem;
}

.prog_std_wert_ h1 {
    font-size: 2.3vw;
}

.prog_std_wert_ h3 {
    font-size: 1.4vw;
}

.prog_std_icon {
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prog_std_icon svg {
    width: 8vw;
    text-shadow: var(--alert-box-shadow);
    /* Optional für Text im SVG */
    fill: var(--logo-fill-preloader);
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.2));
    /* Schatten hinzufügen */
}

.wert1,
.wert2 {
    display: none;
}

.wert1 {
    display: block;
}