.kalender-container table {
    border-collapse: collapse;
    width: 100%;
    max-width: 400px;
    margin: auto;
}

.kalender-container th, .kalender-container td {
    border: 0px;
    padding: 3px;
color:var(--hglighter);
    text-align: center;
    width: 14.28%;
}

.kalender-container h3 {
    text-align: center;
    margin-bottom: 5px;
}

.kalender-nav {
margin-top:20px;
}

.kalender-nav button {
    font-size: 16px;
    margin: 20px 5px;
    padding: 4px 8px;
}

.kalender-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin: 10px 0;
    gap: 20px;
	background:var(--body);
}

.plot-list, .pers-list {
    width: 300px;
    font-size: 10px;
	overflow:auto;
	box-sizing:border-box;
text-transform: none;
color: var(--hglighter);
}

.plot-list h4, .pers-list h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.plot-list ul, .pers-list ul {
    padding-left: 20px;
    max-height: 140px;
    overflow-y: auto;
}

.highlight-user {
	background:var(--kaldays);
}

.highlight-plot {

    color: var(--hgnormal) !important;
	 background-color: var(--hg2tab);
}

.highlight-personal {

color:var(--hgnormal) !important;
background-color: var(--link2);
}

.highlight-fullmoon {

color:var(--hgnormal) !important;
background-color: rgba(255, 255, 200, 1);

}



        
form.event-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* drei gleich breite Spalten */
    gap: 20px 30px;
    align-items: flex-start;
    margin-bottom: 40px;
}
form.event-form label {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    margin-bottom: 0;
}
form.event-form textarea {
    resize: vertical;
    min-height: 80px;
    grid-column: 1 / -1; /* Beschreibung volle Breite */
    margin-top: 15px;
}
form.event-form .actions {
    grid-column: 1 / -1;
    margin-top: 10px;
}