.boxcontainer{
    display:grid;
    grid-template-columns: 300px 300px 300px 250px 300px;
    grid-template-rows: 50px auto auto auto auto;
    gap:10px;
    margin-top: -30px;
margin-left: 10px;
}

.box-iteminfo{
background-color: var(--backcolor3);
grid-area: 1 / 1 / 2 / 4;
}

.box-item1{
    grid-area: 1 / 4 / 3 / 5;
    overflow: auto;
    background-color: var(--headerback);
	border:5px double var(--highlight);
}

.box-item2{
    grid-area: 2 / 1 / 3 / 2;
    background-color: var(--backcolor2);
}

.box-item3{
    grid-area: 2 / 2 / 3 / 3;
background-color: var(--backcolor2);
}

.box-item4{
    grid-area: 2 / 3 / 3 / 4;
    background-color: var(--backcolor2);
}

.headerbild{
position:absolute;
height:150px;
width:150px;
margin-left:50px;
margin-top:-75px;
border:5px double var(--highlight);
}

.headerteambild{
    height: 32px;
    width: 32px;
}

.ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:-7.5px;
}

 .ttl:before,
 .ttl:after {
     content: '';
     display: block;
     height: 2px;
     width: 100%;
     background: var(--highlight);
   }

 .ttl span {
   width: 100%;
   display: inline-block;
   white-space: nowrap;
   padding: 5px;
   flex: 1 1 0%;
   font-family: var(--schriftart3);
    font-size:20px;
    color: var(--highlight);
 }

 .boxcontent{
    font-family:var(--schriftart1);
    font-size:12px;
    padding:4px;
    height:160px;
    overflow:auto;
    text-align:justify;
    color:var(--schreibfarbe);
 }

.boxcontent2{
    font-family:var(--schriftart1);
    font-size:12px;
    padding:4px;
    height:160px;
    text-align:justify;
    color:var(--schreibfarbe);
 }

 .boxcontent b{
    color: var(--highlight);
    font-family: 'Bangers', cursive;
    font-size: 12px;
     }

.linkcontent{
	width:200px;
	height:150px;
	margin-top: 90px;
margin-left: 28px;
}

.linkbuttons{
	float: left;
box-sizing: border-box;
margin: -2px 0 0 -2px;
padding: 6px 6px;
	background: var(--highlight2);
color: var(--coloricon);
width: 0px;
height: 22px;
}
     .linkback{
        background:var(--highlight);
        padding:2px;
        font-family: var(--schriftart2);
        font-size: 12px;
        text-align: center;
        margin: 2px auto;
		  color:var(--button);
     }

  .linkback a{
		  color:var(--button);
     }

     #ipkalender{
        width:630px;
     }




@import url(https://fonts.googleapis.com/css?family=Oswald);