#popup {display: none;}


/* Farbcode Kobaltblau #004aad
Farbcode grün #52725e
Farbcode Flo  #E3F6CE 
Farbcode grüne Bubble #A5BDAE*/


/* Systemisches Netzwerk Fürstenfeldbruck */

body{font-family:"Baloo 2","Annai MN",Helvetica,"Lucida Sans";font-weight:normal;margin: 0 auto;font-size:130%;text-align:justify;background-color: #A5BDAE;}

h1{font-size: 145%; font-weight:normal;font-style:italic;line-height: 1.5;}

img[class=hauptlogo] {	width:30%;
						border-radius: 25%;
						}
						
img[class=portrait] {	width:70%;
						border-radius: 25%;
						}


						

div.main a:link {color:#0B6121; text-decoration:underline;}
div.main a:visited {color:#0B6121; text-decoration:underline;}
div.main a:active {color:black; text-decoration:none;}
div.main a:hover, a:focus {color: black; text-decoration:none;}
a[class=current] {color:#26A9BF; text-decoration:none;}


.main{
	margin: 0 auto;
}

.text{
	background-image: url('fotos/baum.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size : cover;
	text-align:center;
	max-width:100%;
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 20px;
}


.info{
	background-image: url('fotos/baum3a.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size : cover;
	text-align:justify;
	max-width:100%;
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 20px;
}

.profiles{
	align-items:center;
	display: flex;
	justify-content: center;
}

.profil{ 
	vertical-align:text-top;
	text-align:center;
	background-color: #A5BDAE;
	padding: 25px;
	width:25%;
}

.footer {
  text-align:center; 
  background-color: #A5BDAE;
  clear:both;
  padding-top:5px;
  padding-left:10px;
  padding-right:10px;
}






/* When the screen is less than 800 pixels wide */
@media screen and (max-width: 800px) {



img[class=hauptlogo] {	width:50%;
						border-radius: 25%;
						}
						
.main{ 
	margin: 0 auto;
	max-width:100%;
	padding: 0px;
}
	
.text{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

.info{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

.profiles{
		display: flex;
		flex-direction: column;
	}

.profil{ 
		padding: 20px;
		width:inherit;
	}
}