#ausgabe{height:20%;padding: 2%;border-radius: 0em 0em 0.5em 0.5em;}

.test, .checkzeit {
	display: flex;
	cursor: pointer;
	background: white; 
	/*border-bottom:1px solid #635c63;*/
	background-color: white;
	color:#666666;
	font-size:1em;
	font-weight:bold;
	min-height:2.5rem;
	width:100%;
	align-items: center;
	justify-content: center;
	}

.platzhalter {
	width:100%;
		min-height:2.5rem;
	display: flex;
align-items: center;
justify-content: center;
	/*border-bottom:1px solid #635c63;*/
	}
	
button:active {
	position:relative;
	top:1px;
}

button#nexto{
	margin:1px;
}

b {color:blue;}

#feedback {
color: green;
font-weight: bold;	
	}

#verb{
text-align: right;
}
	
#hauptteil, #verb, #feedback, #loesung, #done, #hauptteilaudio, #aufgabepro
{
	font-size:1.4em;
	}

input {
	margin-left: 10px;
	font-size: 1.5em;
	 }

.spaltentitel {
	height:5%;
	font-size: 90%;
	font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
	}


.spalteninhalt {
	height:90%;
	}

#zeit, #hilfsverben, #modalverben, #gruppe1, #gruppe2, #gruppe3, #gruppe4, #gruppe5, #gruppe6
{
height: 100%;
	}

.formen {
background: #e6e3e3;
}
	
.aux	{background: #5CB753;}
#hilfsverben	> .spalteninhalt > .test {border-left-color: #5CB753;border-left-width: 5px;border-left-style: solid;}
.gruppe1	{background: #9BDB38;}
#gruppe1	> .spalteninhalt > .test {border-left-color: #9BDB38;border-left-width: 5px;border-left-style: solid;}
.gruppe2	{background: #DDE728;}
#gruppe2	> .spalteninhalt > .test {border-left-color: #DDE728;border-left-width: 5px;border-left-style: solid;}
.gruppe3	{background: #F0CA28;}
#gruppe3	> .spalteninhalt > .test {border-left-color: #F0CA28;border-left-width: 5px;border-left-style: solid;}
.gruppe4	{background: #F0A528;}
#modalverben	> .spalteninhalt > .test {border-left-color: #F0A528;border-left-width: 5px;border-left-style: solid;}	
.gruppe5	{background: #F08428;}
#gruppe5	> .spalteninhalt > .test {border-left-color: #F08428;border-left-width: 5px;border-left-style: solid;}
.gruppe6	{background: #F05328;}
#gruppe6	> .spalteninhalt > .test {border-left-color: #F05328;border-left-width: 5px;border-left-style: solid;}
.checked {
	color:firebrick;
	font-weight:bold;
     }
     
 @media
(max-device-height :768px) and (max-device-width :1024px){
#hauptteil, #verb, #feedback, #loesung, #done
{
	font-size:1em;
	}
	.test, .checkzeit {
	font-size:0.9em;
min-height:2rem;
	}
}