body{
  margin: 0px;
  padding: 0px;
  
  font-size: 1em;
  font-family: Roboto, Arial, Helvetica, Verdana, Geneva, sans-serif;
}

.head{
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  text-align: left;
  margin: 5px;
  padding: 15px;
  //box-shadow: 0 16px 32px 0 rgb(0 0 0 / 40%), 0 6px 20px 0 rgb(0 0 0 / 38%);
  border-radius: 4px;
}

#headline{
  display:inline-block;
  position: relative;
  top: 1%;
  left:20%;
  font-size: 1.9em;
  color: #003399;
  font-weight: bold; 
  text-align: right;
}

.site{
  /*background: linear-gradient(to bottom, #1b62d8 0%, #003399 100%); */
}

.spendenkonto {
    margin: 1.1vw;
    padding: 1vw;
    box-shadow: 0 16px 32px 0 rgb(255 255 0 / 40%), 0 6px 20px 0 rgb(100 100 0 / 38%);
    min-width: min-content;
	  max-width: 85vw;
    border-radius: 8px;
    background-color: #ffff00;
    display: inline-grid;
    text-align: center;
    overflow: hidden;
    opacity: 0.8;
    font-size: 1.2em;
}

.site{
	background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)), url("/images/5saeulen.jpg");
	background-size: cover;
	padding: 2vw;
}

h1,h2,h3 {
  margin: 3px;
}

.saeule{
	margin: 1.1vw;
    padding: 1vw;
    box-shadow: 0 16px 32px 0 rgb(0 160 225 / 40%), 0 6px 20px 0 rgb(0 160 225 / 38%);
    min-width: min-content;
	max-width: 85vw;
    border-radius: 16px;
	border-color: #f59c00;
	border-width: 8px;
    border-style: solid;
    background-color: #fdd9a7;
    display: inline-grid;
    text-align: left;
    overflow: hidden;
    opacity: 0.8;
    font-size: 1.2em;
}

@media screen and (orientation: portrait){
	body { 
		font-size: 2.8vw 
	}
	#headline{
		font-size: 1.4em;
	}
}