.p2hintergrund {
background: var(--background);
width: 500px;
margin: auto;
height: 100%;
padding-bottom: 15px;
background-color: var(--bgcolor);
}

.p2hintergrund2 {
background: var(--background);
width: 350px;
margin: auto;
height: 100%;
padding-bottom: 15px;
background-color: var(--bgcolor);
}

.p2titel {
font-family: 'Montserrat',sans-serif;
font-size: 25px;
font-weight: 900;
text-transform: uppercase;
color: var(--tabellebold);
margin: auto;
line-height: 25px;
padding: 10px;
letter-spacing: 1px;
background: var(--tabellenhintergrund);
width: 96%;
height: 150px;
}

.p2titels {
font-family: 'Montserrat',sans-serif;
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
color: var(--tabellebold);
margin: auto;
line-height: 20px;
padding: 10px;
letter-spacing: 1px;
background: var(--tabellenhintergrund);
height: 110px;

}

.p2titel3 {
font-family: 'Montserrat',sans-serif;
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
color: var(--tabellebold);
margin: auto;
line-height: 35px;
padding: 10px;
letter-spacing: 1px;
background: var(--tabellenhintergrund);
width: 96%;
}

.p2img {
width: 140px;
height: 140px;
line-height: 20px;
font-family: 'Bebas Neue',sans-serif;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: transparent;
letter-spacing: 1px;
text-align: center;
text-shadow: 1px 1px #000;
border: 5px solid var(--tabellebold);
}

.p2img2 {
width: 100px;
height: 100px;
line-height: 20px;
font-family: 'Bebas Neue',sans-serif;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: transparent;
letter-spacing: 1px;
text-align: center;
text-shadow: 1px 1px #000;
border: 5px solid var(--tabellebold);
}

.p2img:hover {
filter:grayscale(100%);
}

.p2img2:hover {
filter:grayscale(100%);
}

.p2layer {
    background-color: rgba(51, 131, 70, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.p2box1 {
width: 430px;
color: var(--schriftfarbe1);
background-color: var(--tabellevordergrund);
line-height: 170%;
text-align: justify;
margin: auto;
  margin-top: auto;
  margin-bottom: auto;
margin-top: auto;
margin-bottom: auto;
margin-top: auto;
margin-bottom: auto;
padding: 15px;
margin-bottom: 5px;
margin-top: 15px;
font-family: 'Roboto Slab';
font-size: 12px;
}

.p2box2 {
background-color: var(--tabellevordergrund);
color: var(--schrift);
font-family: 'Roboto Slab';
font-size: 12px;
line-height: 170%;
text-align: justify;
width: 290px;
margin: auto;
  margin-top: auto;
  margin-bottom: auto;
margin-top: auto;
margin-bottom: auto;
margin-top: auto;
margin-bottom: auto;
padding: 15px;
margin-bottom: 5px;
margin-top: 15px;
}

.p2titel2 {
font-family: 'Montserrat',sans-serif;
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
color: var(--tabellebold);
margin: auto;
line-height: 15px;
padding: 10px;
letter-spacing: 1px;
background: var(--tabellenhintergrund);
width: 330px;
height: 150px;
}

.p2titel2s {
font-family: 'Montserrat',sans-serif;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
color: var(--tabellebold);
margin: auto;
line-height: 15px;
padding: 10px;
letter-spacing: 1px;
background: var(--tabellenhintergrund);
width: 330px;
height: 110px;
}

.p2titel4 {
font-family: 'Montserrat',sans-serif;
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
color: var(--tabellebold);
margin: auto;
line-height: 25px;
padding: 10px;
letter-spacing: 1px;
background: var(--tabellenhintergrund);
width: 330px;
}

.p2icon i {
vertical-align: middle;
line-height: 160px;
font-size: 100px;
color: var(--tabellebold);
}

.p2icon {
width: 140px;
height: 160px;
line-height: 20px;
font-family: 'Montserrat',sans-serif;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: transparent;
letter-spacing: 1px;
text-align: center;
text-shadow: 1px 1px #000;
border: 5px solid var(--bgcolor);
background-color: var(--bgcolor);
}

.p2icon2 {
width: 140px;
height: 140px;
line-height: 20px;
font-family: 'Montserrat',sans-serif;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: transparent;
letter-spacing: 1px;
text-align: center;
text-shadow: 1px 1px #000;
border: 5px solid var(--bgcolor);
background-color: var(--bgcolor);
border-radius: 100px;
}

.p2icon2 i {
vertical-align: middle;
line-height: 140px;
font-size: 100px;
color: var(--tabellebold);
}

.timeleft {
font-size: 12px;
font-weight: 300;
float: left;
text-transform: uppercase;
color: var(--headerschrift);
margin-right: 5px;
max-width: 150px;
font-family: 'Yrsa';
background-color: var(--forenfarbe1);
padding: 5px;
line-height: 15px;
border: 2px solid var(--headerschrift);
}

.timeright {
font-size: 12px;
font-weight: 300;
float: right;
text-transform: uppercase;
color: var(--headerschrift);
margin-left: 5px;
max-width: 150px;
font-family: 'Yrsa';
background-color: var(--forenfarbe1);
padding: 5px;
line-height: 15px;
border: 2px solid var(--headerschrift);
}