.inplayoutbox {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 0px;
padding-top:2px;
  }
  
  .inplayinfo { 
    grid-area: 1 / 1 / 2 / 2; 
    background-color: var(--backcolor2);
    width:264px;
    height:129.2px;
  }

  .inplaywetter { 
    grid-area: 1 / 2 / 2 / 3;
    background-color: var(--backcolor2); 
    width:264px;
    height:129.2;
  }

  .inplaylink1 { 
    grid-area: 2 / 1 / 3 / 2; 
    background-color: var(--backcolor3);
    height:44px;
    width:255px;
	border:5px double var(--highlight);
  }

.inplaylink2 { 
  grid-area: 2 / 2 / 3 / 3;
  background-color: var(--backcolor3); 
  height:44px;
  width:255px;
border:5px double var(--highlight);
} 

.inplayboxes {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 189px;
grid-column-gap: 5px;
grid-row-gap: 0px;
background:var(--backcolor2);
}

.inplayboxes1 { grid-area: 1 / 1 / 2 / 2; }
.inplayboxes2 { grid-area: 1 / 2 / 2 / 3; }

inplaylink{
	text-align: center;
  font-family: var(--schriftart2);
  font-size: 15px;
	letter-spacing:2px;
}

.inplaylinkposition{
	position:relative;
	top:10px;
	left:80px;
}

.inplaylinkposition2{
	position:relative;
	top:10px;
	left:60px;
}

inplaylink a:link{
  color: var(--highlight) !important;
}

 inplaylink a:hover, a:active{
	color:var(--headerback) !important;
	text-shadow:-1px -1px #353535, -1px -1px #333;
	 transition:3s;
}

inplaylink a:visited{
	color:var(--highlight)!important;
}

.inplaytextbox{
	width:259px;
	height:80px;
	padding:5px;
	overflow:auto;
	text-align:justify;
	font-family: 'Lucida Sans';
  font-size: 12px;
	color:var(--schreibfarbe);
}

#ipkalender{
	width:650px;
}