/*CSS*/
@import url('https://fonts.googleapis.com/css?family=Quicksand');

#start_bh {
	padding-bottom:40px;
}

#title {
	margin-top:2em;
	margin-left:10%;
	font-family:"Quicksand", sans-serif;
	font-size:200%;
	color:#333;
}
.grid {
	display:grid;
	grid-template-columns:25% 25% 25% 25%;
	grid-template-rows:25% 25% 25% 25%;
	box-sizing: border-box;
}

#photo {
	grid-column:1/span 3;
	grid-row:1/ span 4;
	align-self:center;
	box-sizing: border-box;
}
#photo img {
	width:100%;
	max-width:720px;
}
.phototext {
	grid-column:3/ span 4;
	grid-row:1/ span 2;
	background-color:rgba(255,255,255,0.6);
	color:#444;
	font-family:"Quicksand", sans-serif;
	font-size:150%;
	padding: 25px;
	box-sizing: border-box;
}
.phase2 {
	font-size:150%;
	font-weight:bold;
}
.textunten {
	grid-column:4;
	grid-row:4;
	background-color:#fff;
	padding:20px 20px 0 20px;
	box-sizing: border-box;
	font-family:"Quicksand", sans-serif;
	font-size:100%;
	color:#333;
}
.grid2 {
	display:grid;
	grid-template-columns:33% 33% 33%;
	box-sizing: border-box;
}
.text2spaltig {
	margin-top:25px;
	grid-column:2/span 3;
	column-width:300px;
	font-family:"Quicksand", sans-serif;
	font-size:110%;
	color:#333;
	line-height:150%;
	border-bottom:4px solid #333;
	padding:5px 20px 5px 0px;
}
.link1, .link2, .link3 {
	padding-top:40px;
	color:#444;
	text-align:center;
	box-sizing:border-box;
}
.1 {
	grid-column:1;
}
.2 {
	grid-column:2;
}
.3 {
	grid-column:3;
}
.link1 a, .link2 a, .link3 a {
	font-family:"Quicksand", sans-serif;
	font-size:120%;
	color:#333;
}

/* MEDIA QUERIES */
@media only screen and (max-width:480px) {
	.grid {
	display:block;
	width:100%;
}
#photo img {
	width:100%;
}
.grid2 {
	display:block;
	width:90%;
	margin-left:5%;
	box-sizing: border-box;
}
}