.wrapper1 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	max-width: 1024px;
	margin: 0 auto;
	border: 1px solid #999;
	border-radius: 1px 0.5em 0.5em;
}
.box2{
  background-color: #ddd;
  color: #fff;
  border-radius: 5px;
  padding: 20px;
  font-size: 150%;
  height: 450px;
  width:300px;
}

.box, .box1 {
  background-color: #ddd;
  color: #fff;
  border-radius: 5px;
  padding: 20px;
  font-size: 150%;
	height: 450px;
}


.task {
	background-color: #ffa55b;
	color: black;
	padding: 20px 10px 20px; 
    margin: 0px 0px 10px;
    height: 40px;
    text-align: center;
    border: 1px solid #999;
	border-radius: 1px 0.5em 0.5em;
	font-size:26px;
	width: 270px;
	
}

.ang {
    background-color: lightgreen;
    color: black;
    padding: 20px 5px 20px;
    margin: 10px 6px 10px;
    height: 40px;
    text-align: right;
    border: 1px solid #999;
	border-radius: 1px 0.5em 0.5em;
	font-size:26px;
	
}

.ziel {
    background-color: white;
    padding: 20px 5px 20px;
    margin: 10px 6px 10px;
    height: 40px;
    text-align: right;
    border: 1px solid #999;
	border-radius: 1px 0.5em 0.5em;
	font-size:26px;
	width:280px;
	color: white;
}  
.title {
	display: inline-block;
	text-align: center;
	width: 1200px;
	height: 50vh;
}

#pdiv {
	width: 100%;
	height: 150px; 
	border: 0px solid #999;
	background-color: #ddd;
}

#titel{
	font-size:26px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 10px; 
	color: black;
	padding-left:20px;
}


#info, #info1 {
	text-align: center;
	margin-top: 30px; 
	color: black
}


#info2{
	text-align:left;
	padding: 10px; 
	color: black;
	font-size:20px;
	width: 720px;
}