html{
	scrollbar-width: thin;
	font-size:12pt;
}

body {
    color: #313131;
  	background-color: white;
    font-family:Verdana;
	padding: 10px;
	
}

.Begruessung{
	font-size:0.8em;
}

#auswahl{
	margin-top: 10px;
	display:flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

#auswahl select{
     height: 50px;
	border-radius:10px;
	width:250px;
	font-size: 1.2em;
}

#auswahl input{
	height: 50px;
	border-radius:10px;
	width:150px;
	font-size:1.2em
}




h3{
	font-size:1em;
}
.Kategorie{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
}


.Unterkategorie{
	padding:5px;
}

.fuerInhalt{	
	width:100%;
	display: flex;
	flex-direction: column;
}

.Inhalt{
	padding: 5px 15px 5px 10px;
	color: #313131;
	 
}

.Fach{
	font-weight:bold;
}

.auszublenden{
	font-weight:bold;
}
	
 .Drueber{
	display: flex;
	flex-direction: row;
	margin-bottom: 2px;
	 font-size:0.9em;
	
}
.Drunter{
	font-size: 0.8em;
}
	
.bf1{
	background-color: #e2d4d4;
}

.bf2{
	
	background-color: #adddcf;
}

.bf3{
	
	background-color: #f0e0a2;
}

.bf4{
	background-color: #8bacbd;
}



@media print{
	body {
		color: #313131;
		font-size: 100.01%;
		font-family:Verdana;
	}
	
	body form{
		display:none;
	}

	div#Kategorie{
		page-break-after: always;
	}

	div#Kategorie h2{
	}

	div#Unterkategorie{
	}


	div#fuerInhalt{
		width:100%;	
	}

	.Inhalt{
	  margin: 2px 1px 1px 0px;
	  text-indent: 0px;
	  padding: 3px 5px 1px 1px;
	  background-color: white;
	  color: #463E3F;
		  
	}
	
	.Fach{
		font-weight:bold;
		margin-right:5px;
	}
	.auszublenden{
		display: none;
	}
	
	.Drueber{
	}
}



@media only screen and (max-width:768px){
	.Unterkategorie{grid-column-start: 1;  	grid-column-end: 4;}


}