body{
	font-family: arial;
}

.c1{
color: #d1a2fe;
}

.b1{
background-color: #d1a2fe;
}


.c2{
color: #f4f4f4;
}

.b2{
background-color: #f4f4f4;
}

.c3{
color: #fff;
}

.b3{
background-color: #fff;
}


.c4{
	color: #8b8b8b;
}

.b4{
	background-color: #8b8b8b;
}



h1{
	font-size: 60px;
	/*word-break: break-all;*/
}

#start{
    background-color: #bf97ef;
    width: 90%;
    height: 90vh;
    text-align: center;
    padding: 5%;
}

.arena{
	max-width: 900px;
	margin: 0 auto;
}

.grid3{
	    display: grid;
    grid-template-columns: 20% 60% 20%;
	text-align: center;
align-items: center;
}

.grid33{
	    display: grid;
    grid-template-columns: 33% 33% 33%;
	text-align: center;
align-items: center;
}

#frageCon{
	border-radius: 15px;
    min-height: 160px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	padding: 30px;
	background-image: url(img/backgound.jpg);
}

#timeline{
	height: 10px;
	width: 100%;
    margin: 10px 0;
    border-radius: 15px;
    overflow: hidden;
}

#time{
	width: 100%;
	height: 10px;
}

#timer{
    margin: 10px auto 0 auto;
    width: fit-content;
}

ul{
	margin: 0 auto;
	padding: 0;
}

ul li{
    display: block;
    margin: 10px 5px;
    /* background: #f2f2f2; */
    padding: 10px 15px;
    border-radius: 30px;
    border: 1px solid #fff;
    box-shadow: 0px 9px 16px -3px #00000033;
	cursor: pointer;
}

ul .li2{
    margin: 5px 5px;
    /* background: #f2f2f2; */
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px solid #fff;
	box-shadow: 0px 9px 16px -3px #fff;
	
    	
}


#neuerEintrag{
	position: fixed;
    width: 85%;
    height: 51%;
    padding: 30% 20px;
    transform: translate(-50%, 0%);
    left: 50%;
    top: 50px;
    text-align: center;
    border-radius: 15px;
}

#neuerEintrag input{
	font-size: 22px;
    margin: 10px 0;
    padding: 4%;
    width: 92%;
    border-radius: 30px;
    border: none;
}

#neuerEintrag button{
	font-size: 22px;
}

.pop{
width: 80%;
    height: 75vh;
    background: red;
    position: fixed;
    left: 50%;
    top: 10px;
    transform: translate(-50%);
    background-image: url(img/backgound.jpg);
    border-radius: 30px;
    padding: 5%;
    box-shadow: 0px 8px 20px 0px #afafaf;
    border: 1px solid #fff;
    text-align: center;
	
}


.pop img{
    margin: 40px 0;
}

.weiter{
	background: #fff;
    padding: 11px 31px;
    border-radius: 30px;
    font-size: 22px;
    text-decoration: blink;
}

.textCenter{
	text-align: center;
}

.none{
	display: none;
}

.true{
	background:#d1a2fe;
;
}

.false{
	background: red;
}


img{
    max-width: 100%;
}



@media (max-width: 768px) {
 h1{
	font-size: 30px;

}
}