body {margin:0; padding: 0;}
.tabs { display: flex; margin: 1em; }
.tab-button { padding: 0.5em 1em; background: #ddd; cursor: pointer; margin-right: 0.5em; color: black; text-decoration: none;}
.tab-button.active { background: #aaa; color: white;}
.tab-content { display: block; }
.entry { display: flex; gap: 1em; margin-bottom: 0.5em; align-items: center; }
.entry select { width: 15rem; padding: 0.25em; }
.entry input { flex: 1; padding: 0.25em; }
.subtabs { display: flex; gap: 0.5em; margin: 1em; flex-wrap: wrap; }
.subtab-button { padding: 0.25em 0.75em; background: #eee; cursor: pointer; border-radius: 4px; }
.subtab-button.active { background: #bbb; color: white;}
.entry .number { display: inline-block; width: 2rem; }
.entry .name { display: inline-block; width: 20rem; }
.subtab-content { display: none; margin: 0.5rem 1rem;}
.subtab-content.active { display: block; }
.notenrolle-name,.material-name {display: inline-block; width: 15rem;}


#import {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 2rem;
    box-sizing: border-box;
    border: 2px solid black;
    z-index: 9999;
}

#import #importtext
{
    width: 100%;
    height: 200px;
    resize: none;
    border: 2px solid black;
}

#import #importbutton
{
    float: right;
    margin-top: 1rem;
}


.entry.acquired
{
	color: limegreen;
	display: none;
}


.parse-item
{
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}