.tab-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.tabs {
    display: flex;
    justify-content: space-between;
    background-color: #f1f1f1;
}

.tab-button {
	flex: 1;
	padding: 13px;
	border: none;
	outline: none;
	cursor: pointer;
	text-align: center;
	font-size: 17px;
	transition: 0.3s;
	background: var(--background_schwarz);
	color: var(--weiss);
	font-family: var(--seriffont);
	text-transform: uppercase;
	letter-spacing: -1px;
}

.tab-button:hover {
    background: var(--akzentfarbe);
}

.tab-content {
    display: none;
    padding: 20px;
    border-top: none;
}

.tab-content.active {
    display: block;
}