* {
  box-sizing: border-box;
}

/* Dieser Code plaziert ein Hintergrundbild. Falls dieses durchscheinend sein soll, ist es am einfachsten, zuvor mit Photoshop ein transparentes Hintergrundbild zu erzeugen. Allerdings scrollt das Bild am Handy trotzdem ein wenig, hängt wahrscheinlich mit der Bildgröße zusammen. */
body {
	background-image: url("images/hintergrund20.jpg");
	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;
	text-align:center;
	font-family:Verdana;
	max-width:960px;
	margin:0px auto 0px;
}

/*Die Bilder sollen immer 100% ausfüllen.
	die Anweisung .fill sorgt dafür, dass die Bilder dynamisch verkleinert werden.*/
img {
	width:100%;
	height:auto;
}
.fill {
	object-fit: fill;
}



/*.main {

  float: right;
  width: 73%;
  padding-top: 0px;
  padding-right: 6px;
  padding-bottom: 10px;
  padding-left: 2px;
}*/

.abschn2left {
  float: left;
  width: 50%;
  padding-top: 4px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 2px; 

  }
  
.abschn2right {
  float: right;
  width: 50%;
  padding-top: 4px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 2px; 

  }

/*.text {
	padding: 6px;
	clear: left;
}*/

/* Kann full vielleicht durch .text ersetzt werden?
.full {
  float: left;
  width: 100%;
  margin-top: 1px;
}*/

.footer {
  width: 100%;
  background-color:#f1f1f1;
  padding:10px;
  font-size:12px;
  float: left;
}

@media only screen and (max-width:800px) {
  /* iPhone und Sony Xperia Z3 horizontal, ASUS-Tablet vertikal */
  
body {
	font-size: 14px;
}

}

@media only screen and (max-width:620px) {
	
body {
	font-size: 13px;
}
	
/*.main {
    width: 72%;
}*/
}
@media only screen and (max-width:480px) {
  /* For mobile phones: */
  body {
	font-size: 10px;
}
  
 /* .main {
    width: 69%;
  }
  
  .mitte {
    width: 42%;
  }*/
 }

@media only screen and (max-width:360px) {
	
	body {
	font-size: 11px;
}

/*.main {
    width: 68%;
	padding-top: 0px;
  	padding-right: 10px;
  	padding-bottom: 10px;
  	padding-left: 2px;
}

.mitte {
    width: 38%;
}*/

.footer {
	font-size: 10px;
}
}

/*@media only screen and (max-width:320px) {

body {
	font-size: 10px;
}

.mitte {
    width: 34%;
}
}*/