@media screen and (min-width:961px) {  

.diashow {
  display: flex;
  width: 100%;
  height: calc(82vw/2.51);
  margin-left: auto;
  margin-right: auto;
  float: left;
  background-color: #ffffff;

}
.fensterbilder {
  display: block;
  width: 70%;
  background-color: #ffffff;
}

#BildMa img {
  width: 100%;
  height: auto;
}
.beschreibung {
  display: flex;
  flex-direction: column;
  width: 30%;
  height: calc(82vw/2.51);
  background-color: #f0e3c0;
  background-image: linear-gradient(#f0e3c0, rgb(255, 255, 255));
}


#Land {
  font-family: 'Arial';
  font-weight: bold;
	font-size: 1.8vw;
	margin-top:5%;
  margin-left: 5%;
	color: #4369b7;
  text-align: left;
}

#BLand {
  font-family: 'Arial';
	font-size: 1.8vw;
	margin-top:3%;
  margin-left: 5%;
	color: #4369b7;
  text-align: left;
  font-style: italic;
}

#Ort {
  font-family: 'Arial';
	font-size: 1.4vw;
	margin-top:5%;
  margin-left: 5%;
	color: #4369b7;
  text-align: left;
}

#Monat {
  font-family: 'Arial';
	font-size: 1.4vw;
  font-weight: lighter;
	margin-top:5%;
  margin-left: 5%;
	color: #000000;
  text-align: left;
}

#Zusatz {
  font-family: 'Arial';
	font-size: 1.2vw;
  font-weight: lighter;
	margin-top:5%;
  margin-left: 5%;
	color: #000000;
  text-align: left;
}

#Extras {
  font-family: 'Arial';
	font-size: 1.2vw;
  font-weight: lighter;
	margin-top:5%;
  margin-left: 5%;
	color: #000000;
  text-align: left;
}

.fensterspruchdestages {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0.5%;
  padding-bottom: 0.3%;
}

.spruch {
  font-family:Arial,Helvetica,Geneva,Sans Serif;
  font-size: clamp(20px,1.5vw,24px);
	color:#0a63b7;
  text-align: left;
  margin-left: 2%;
}

.autor {
  font-family:Arial,Helvetica,Geneva,Sans Serif;
  font-size: clamp(12px, 1.5vw,15px);
	color:#0a0a0a;
  text-align: left;
  margin-left: 2%;
  margin-top: 0.1%;
  margin-bottom: 0.5%;

}
.boxoben {
  width: 100%;
  height: calc(82vw/2.71);
}

.boxunten {
  width: 100%;
  line-height: 5%;
  background-color: transparent;
  margin-bottom: 0.2%;
}


.impressum {
  background-color: transparent;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.9vw ;
}

a {
  text-decoration: none;
}

}
@media screen and (max-width:960px) { 
  .diashow {
    display: flex;
    width: 100vw;
    height: calc(100vw/1.7777);
    margin-left: 0;
    margin-right: 0;
    flex-direction: column;
    background-color: #ffffff;
  
  }
  .fensterbilder {
    display: block;
    width: 100vw;
    height: calc(100vw/1.7777);
    background-color: #ffffff;
  }
  
  #BildMa img {
    width: 100vw;
    height: calc(100vw/1.7777);
  }
  .beschreibung {
    display: block;
    flex-direction: column;
    width: 100%;
    height: auto;
    background-color: #f0e3c0;
    background-image: linear-gradient(#f0e3c0, rgb(255, 255, 255));
  }
  
  
  #Land {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 3.8vw;
    margin-top:1%;
    margin-left: 5%;
    color: #4369b7;
    text-align: left;
  }
  
  #BLand {
    font-family: 'Arial';
    font-size: 3.7vw;
    font-weight: lighter;
    margin-top:1%;
    margin-left: 5%;
    color: #4369b7;
    text-align: left;
  }
  
  #Ort {
    font-family: 'Arial';
    font-size: 3.6vw;
    margin-top:1%;
    margin-left: 5%;
    color: #4369b7;
    text-align: left;
  }
  
  #Monat {
    font-family: 'Arial';
    font-size: 3.3vw;
    font-weight: lighter;
    margin-top:1%;
    margin-left: 5%;
    color: #000000;
    text-align: left;
  }
  
  #Zusatz {
    font-family: 'Arial';
    font-size: 3.3vw;
    font-weight: lighter;
    margin-top:1%;
    margin-left: 5%;
    color: #000000;
    text-align: left;
  }
  
  #Extras {
    font-family: 'Arial';
    font-size: 3.3vw;
    font-weight: lighter;
    margin-top:1%;
    margin-left: 5%;
    margin-bottom: 5%;
    color: #000000;
    text-align: left;
  }
  
  .fensterspruchdestages {
    background-color: #ffffff;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0.5%;
    padding-bottom: 0.3%;
  }
  
  .spruch {
    font-family:Arial,Helvetica,Geneva,Sans Serif;
    font-size: clamp(20px,1.5vw,24px);
    color:#0a63b7;
    text-align: left;
    margin-left: 2%;
  }
  
  .autor {
    font-family:Arial,Helvetica,Geneva,Sans Serif;
    font-size: clamp(12px, 1.5vw,15px);
    color:#0a0a0a;
    text-align: left;
    margin-left: 2%;
    margin-top: 0.1%;
    margin-bottom: 0.5%;
  
  }
  .boxoben {
    width: 100vw;
    height: calc(100vw/2.7);
    margin-bottom: 0;
  }
  
  .boxunten {
    width: 100vw;
    height: 8%;
    line-height: 10%;
    background-color:white;
    margin-bottom: 0.2%;
  }

  
  .impressum {
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.5vw ;
    margin-top: -5%;
  }
  
  a {
    text-decoration: none;
  }
    

}