/* CSS Document */



body {
  background-image: url(Hintergrund.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.platz {
    height: 80px;
    float: none;
    width: 100%;
    clear: both;
}
.center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  
	/*background-color: rgba(235,238,217,0.41);*/
}


.PageWeiss {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    max-width: 600px;
    -webkit-box-shadow: 5px 5px #000000;
    box-shadow: 5px 5px #000000;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 10px;
    text-align: center;
}
.PageGross{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    
    -webkit-box-shadow: 5px 5px #000000;
    box-shadow: 5px 5px #000000;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 10px;
    text-align: center;}
.PageRot{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FBECED;
    background-color: #CE2026;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    max-width: 99%;
    -webkit-box-shadow: 5px 5px #FFFFFF;
    box-shadow: 5px 5px #FFFFFF;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 10px;
    text-align: center;
  }

/* für Bildschirme mit einer Breite von der Variable --breite-mobile oder weniger */
@media (max-width:900px) {
  .Block{
    display: block;
    width: 100%;
    margin: 0;
    
    }
	.Block2{
    display: block;
    width: 100%;
    margin: 0;
    
    }
}


/* für größere Bildschirme */
@media (min-width:901px) {
.Block{
    display: inline-block;
    max-width: 30%;
    margin: 0 1%;
   
    float: left;
}
.Block2{
    display: inline-block;
    max-width: 48%;
    margin: 0 1%;
   
    float: left;
}
}