/*
	Es werden Container zur Verfügung gestellt, die es ermöglichen Unterthemen nebeneinander darzustellen.
	
	Vorgaben für die HTML-Datei:
	- Haupt-Container für die Unterthemen <main class="flex-container">     
	- Container für die Unterthemen <section class="flex-item">  
	

*/

.flex-container {
    display: flex;
    align-items: flex-start;
    }

.flex-item {
        min-width:12em;
        border: 1px solid;
        border-radius: 1em;
        margin: .5em;
        padding: .5em;
        background: #F0F0F0;

}

.uebung {background-color:#F0FF00;}
.wissen {background-color:#03FD2B;}
.beispiel {background-color:#D3A0ED;}
.hilfe {background-color:cyan;}