.statistikcontainer {
    display: grid;
    grid-template-columns: 300px 450px 0px;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
	margin-left:2px;
    }
    
    .statistikonline { 
        grid-area: 1 / 2 / 2 / 4;
        background-color: var(--backcolor2);
        width: 450px;
        height:200px;
     }

    .statistikwerwaronline { 
    grid-area: 1 / 4 / 2 / 6;
    background-color: var(--backcolor2); 
    width: 440px;
    height:200px;
}

    .statistiknewmember { 
    grid-area: 2 / 2 / 3 / 6; 
    background-color:var(--highlight);
    width: 895px;
    height:70px;
}

    .statistikabwesend { 
    grid-area: 3 / 2 / 4 / 4; 
    background-color:var(--backcolor2);
    width: 450px;
    height:150px;
}

    .statistikneuebeiträge {
     grid-area: 3 / 4 / 4 / 6; 
     background-color:var(--backcolor2);
     width: 440px;
    height:150px;
    }

    .statistikzitate { 
        grid-area: 4 / 2 / 5 / 6; 
        background-color:var(--backcolor2);
        width: 895px;
        height:100px;
    }

    .statistikbuttons { 
        grid-area: 1 / 1 / 5 / 2;
        background-color:var(--highlight);
        width: 300px;
        height:auto;
     }

.statistikbuttons2 { 
        display: grid;
grid-template-columns: 50px auto;
grid-template-rows: 0px;
grid-column-gap: 0px;
grid-row-gap: 0px;
} 


    .statistikforum { 
        grid-area: 5 / 1 / 6 / 6; 
        background-color:var(--highlight);
        width: 1197px;
        height:max-content;
    } 

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

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

 .ttl3 span {
   width: 100%;
   display: inline-block;
   white-space: nowrap;
   padding: 5px;
   flex: 1 1 0%;
  font-family: var(--schriftart3);
    font-size:25px;
    color: var(--highlight) !important;
	   text-shadow: -1px -1px #353535, -1px -1px #333;
  letter-spacing: 5px;
}

.statistikbox{
	width:440px;
	height:110px;
	padding: 5px;
  overflow: auto;
  text-align: justify;
  font-family: var(--schriftart2);
  font-size: 12px;
  color: var(--schrift);
}

.statistikbox2{
	width:430px;
	height:100px;
	padding: 5px;
  overflow: auto;
  text-align: justify;
  font-family: var(--schriftart2);
  font-size: 12px;
}

.neuebetruser span{
	color:var(--headerback);
	font-size: 12px;
}

.neuebetruser a:link{
	color: var(--headerback) !important;
}

.neuebetruser a:visited{
	color: var(--headerback) !important;
}

.neuebetruser a:hover{
	color: var(--headerback) !important;
}

.neuebetruser a:active{
	color: var(--headerback) !important;
}


.neuebeitr span{
	color:var(--highlight);
	font-size: 15px;
}

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

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

.neuebeitr a:hover{
	color: var(--highlight) !important;
}

.neuebeitr a:active{
	color: var(--highlight) !important;
}

.statistikonlineliste{
	text-align:right;
	padding:2px;
	margin-top:-15px;
}

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

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

 .ttl4 span {
   width: 100%;
   display: inline-block;
   white-space: nowrap;
   padding: 10px;
   flex: 1 1 0%;
  font-family: var(--schriftart3);
    font-size:15px;
    color: var(--headerback) !important;
  letter-spacing: 5px;
}

.titeldrehung{
	 grid-area: 1 / 1 / 2 / 2;
	width:50px;
	height:100%;
	margin-top:480px;
	rotate:270deg;
}

.statitistikpost{
	grid-area: 1 / 2 / 2 / 3;
	width:250px;
	height:100%;
	margin-top:5px;
}

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

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

 .ttl5 span {
   width: 100%;
   display: inline-block;
   white-space: nowrap;
   padding: 10px;
   flex: 1 1 0%;
  font-family: var(--schriftart3);
    font-size:15px;
    color: var(--headerback) !important;
  letter-spacing: 5px;
}

.newmember{
	font-family: var(--schriftart3);
    font-size:25px;
    color: var(--headerback) !important;
  letter-spacing: 5px;
	margin-top:-15px;
	text-align:center;
}

.statistikquote{
	text-align:center;
	color:var(--schreibfarbe);
	font-size:15px;
	font-style:italic;
}

.statistikpostbuttons{
box-sizing: border-box;
padding: 4px 6px;
background: var(--headerback2);
color: var(--highlight);
width: 100%;
height: 22px;
}

.statistikpostback{
	  background: var(--headerback);
  padding: 2px;
  font-family: var(--schriftart2);
  font-size: 12px;
  text-align: center;
  color: var(--schrift);
width:245px;
float:left;
}

.statistikbutton{
	background-color: var(--backcolor2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px double #BF8034;
  transition: transform 0.7s ease-in-out;
  transform: rotateY(0deg);
  position: absolute;
  margin-left: 40px;
  margin-top: -25px;
  box-shadow: 0.7px 0.5px 0.7px #000;
}

.statistikbutton:hover{
	transition: transform 0.7s ease-in-out;
  transform: rotateY(2turn);
}

.statistikbutton2{
	background-color: var(--backcolor2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px double #BF8034;
  transition: transform 0.7s ease-in-out;
  transform: rotateY(0deg);
  position: absolute;
  margin-left: 100px;
  margin-top: -25px;
  box-shadow: 0.7px 0.5px 0.7px #000;
}

.statistikbutton2:hover{
	transition: transform 0.7s ease-in-out;
  transform: rotateY(2turn);
}

.statistikbutton3{
	background-color: var(--backcolor2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px double #BF8034;
  transition: transform 0.7s ease-in-out;
  transform: rotateY(0deg);
  position: absolute;
  margin-left: 160px;
  margin-top: -25px;
  box-shadow: 0.7px 0.5px 0.7px #000;
}

.statistikbutton3:hover{
	transition: transform 0.7s ease-in-out;
  transform: rotateY(2turn);
}

.statistikbutton4{
	background-color: var(--backcolor2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px double #BF8034;
  transition: transform 0.7s ease-in-out;
  transform: rotateY(0deg);
  position: absolute;
 margin-left: 220px;
  margin-top: -25px;
  box-shadow: 0.7px 0.5px 0.7px #000;
}

.statistikbutton4:hover{
	transition: transform 0.7s ease-in-out;
  transform: rotateY(2turn);
}

.statistikbutton5{
	background-color: var(--backcolor2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px double #BF8034;
  transition: transform 0.7s ease-in-out;
  transform: rotateY(0deg);
  position: absolute;
margin-left: 280px;
  margin-top: -25px;
  box-shadow: 0.7px 0.5px 0.7px #000;
}

.statistikbutton5:hover{
	transition: transform 0.7s ease-in-out;
  transform: rotateY(2turn);
}

.statistikbutton6{
	background-color: var(--backcolor2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px double #BF8034;
  transition: transform 0.7s ease-in-out;
  transform: rotateY(0deg);
 position: fixed;
  bottom: 2px;
  right: 0px;
  box-shadow: 0.7px 0.5px 0.7px #000;
}

.statistikbutton6:hover{
	transition: transform 0.7s ease-in-out;
  transform: rotateY(2turn);
}

#statistikbutton{
color: #BF8034 !important;
  text-align: center;
  position: fixed;
  top: 7px;
  left: 7px;
  font-size: 25px;
  text-shadow: 0.7px 0.5px 0.7px #000;
}

#statistikbutton2{
color: #BF8034 !important;
  text-align: center;
  position: fixed;
  top: 7px;
  left: 8px;
  font-size: 25px;
  text-shadow: 0.7px 0.5px 0.7px #000;
}

#statistikbutton3{
color: #BF8034 !important;
  text-align: center;
  position: fixed;
  top: 7px;
  left: 10px;
  font-size: 25px;
  text-shadow: 0.7px 0.5px 0.7px #000;
}

#button{
	font-size:50px;
	margin:10px;
}